thread-ui 0.16.5 → 0.17.0

package/dist/components/data-input/text-input/text-input.d.ts

@@ -0,0 +1,16 @@
+import { TextInputProps } from './text-input.types';
+/**
+ * Text input that renders either a single-line `input` or a resizable `textarea`.
+ * Controlled when `value` is passed, uncontrolled otherwise.
+ * Omit `name` to keep the value out of form submission, e.g. for a search bar.
+ *
+ * @example
+ * <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
+ *
+ * @example
+ * <TextInput name="bio" title="Bio" defaultValue={artist.bio} multiline />
+ *
+ * @example
+ * <TextInput name="email" title="Email" type="email" required error={emailError} />
+ */
+export declare const TextInput: ({ name, id: idProp, title, value, defaultValue, required, placeholder, multiline, type, size, disabled, divider, error, onChange, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-input/text-input/text-input.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputWrapper } from '../shared/input-wrapper';
+import { useFieldError } from '../shared/use-field-error';
+import { useInputId } from '../shared/use-input-id';
+import { baseInputStyles } from '../shared/styles';
+import { cx, css } from '../../../styled-system/css';
+const style = css({
+    minHeight: '25',
+    resize: 'vertical',
+});
+/**
+ * Text input that renders either a single-line `input` or a resizable `textarea`.
+ * Controlled when `value` is passed, uncontrolled otherwise.
+ * Omit `name` to keep the value out of form submission, e.g. for a search bar.
+ *
+ * @example
+ * <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
+ *
+ * @example
+ * <TextInput name="bio" title="Bio" defaultValue={artist.bio} multiline />
+ *
+ * @example
+ * <TextInput name="email" title="Email" type="email" required error={emailError} />
+ */
+export const TextInput = ({ name, id: idProp, title, value, defaultValue, required, placeholder, multiline = false, type = 'text', size = 'md', disabled, divider, error, onChange, }) => {
+    const id = useInputId(idProp, name);
+    // Pass only one of the two so the element never flips between modes
+    const valueProps = value !== undefined ? { value } : { defaultValue };
+    const { ref, message, fieldProps } = useFieldError({
+        id,
+        error,
+        value,
+    });
+    return (_jsx(InputWrapper, { id: id, title: title, size: size, divider: divider, error: message, children: multiline ? (_jsx("textarea", { ref: ref, id: id, name: name, required: required, disabled: disabled, ...valueProps, onChange: onChange, placeholder: placeholder, rows: 3, className: cx(baseInputStyles({ size }), style), ...fieldProps })) : (_jsx("input", { ref: ref, type: type, id: id, name: name, required: required, disabled: disabled, ...valueProps, onChange: onChange, placeholder: placeholder, className: baseInputStyles({ size }), ...fieldProps })) }));
+};
+//# sourceMappingURL=text-input.js.map

package/dist/components/data-input/text-input/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/data-input/text-input/text-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,UAAU;CAClB,CAAC,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,EAAE,MAAM,EACV,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEpC,oEAAoE;IACpE,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;IAEtE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,aAAa,CAAyC;QAC1F,EAAE;QACF,KAAK;QACL,KAAK;KACL,CAAC,CAAC;IAEH,OAAO,CACN,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,YAC9E,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAC3C,UAAU,GACb,CACF,CAAC,CAAC,CAAC,CACH,gBACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,KAChC,UAAU,GACb,CACF,GACa,CACf,CAAC;AACH,CAAC,CAAC"}

package/dist/components/{form-elements → data-input}/text-input/text-input.types.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from '../input-props.types';
+import { InputProps } from '../shared/input-props.types';
 export type TextInputProps = InputProps<string> & {
     /** Native input type. Ignored when `multiline` @default `text` */
     type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';

package/dist/components/data-input/text-input/text-input.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.types.js","sourceRoot":"","sources":["../../../../src/components/data-input/text-input/text-input.types.ts"],"names":[],"mappings":""}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 export * from './content-display';
-export * from './form-elements';
+export * from './data-input';
 export * from './data-display';
 export * from './layouts';
 export * from './media-display';

package/dist/components/index.js

@@ -1,5 +1,5 @@
 export * from './content-display';
-export * from './form-elements';
+export * from './data-input';
 export * from './data-display';
 export * from './layouts';
 export * from './media-display';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}

package/dist/components/layouts/column-layout/column-layout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContentHeader, renderImage } from '../../../internal-components';
+import { ContentHeader, renderImage } from '../../../internal';
 import { ColumnSkeleton } from './column-skeleton';
 import { H3, Text } from '../../../components';
 import { css } from '../../../styled-system/css';

package/dist/components/layouts/column-layout/column-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAM,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,EACL,SAAS,GAAG,IAAI,GACG,EAAE,EAAE;IACvB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,mBACC,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EACJ;gBACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aACpB,aAGxB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CAC1B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7E,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,GACxD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,IAAI,CAAC,GAAG,IAAI,KAAK,CAUrB,CACN,CAAC,GACc,IACR,GACK,CAChB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAM,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,EACL,SAAS,GAAG,IAAI,GACG,EAAE,EAAE;IACvB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,mBACC,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EACJ;gBACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aACpB,aAGxB,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CAC1B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7E,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,GACxD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,IAAI,CAAC,GAAG,IAAI,KAAK,CAUrB,CACN,CAAC,GACc,IACR,GACK,CAChB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/column-layout/column-layout.types.d.ts

@@ -1,4 +1,4 @@
-import { ContentHeading } from '../../../internal-components';
+import { ContentHeading } from '../../../internal';
 import { ImageProps, Prettify } from '../../../types';
 import { LayoutComponentProps } from '../layout-component.types';
 export type MediumColumnOptions = 1 | 2 | 3;

package/dist/components/layouts/footer/footer.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Container, Divider, Subtitle } from '../../../components';
 import { FacebookLogoIcon, GithubLogoIcon, InstagramLogoIcon, LinkedinLogoIcon, TwitterLogoIcon, } from '@phosphor-icons/react';
 import { css } from '../../../styled-system/css';
-import { Link } from '../../../internal-components';
+import { Link } from '../../../internal';
 const styles = {
     footerContents: css({
         display: 'flex',

package/dist/components/layouts/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"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"}

package/dist/components/layouts/index.d.ts

@@ -2,3 +2,5 @@ export * from './column-layout';
 export * from './container';
 export * from './footer';
 export * from './masonry-layout';
+export * from './split-navigator';
+export * from './split-view';

package/dist/components/layouts/index.js

@@ -2,4 +2,6 @@ export * from './column-layout';
 export * from './container';
 export * from './footer';
 export * from './masonry-layout';
+export * from './split-navigator';
+export * from './split-view';
 //# sourceMappingURL=index.js.map

package/dist/components/layouts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/dist/components/layouts/layout-wrapper.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Container } from './container';
-import { ConditionalWrapper } from '../../internal-components';
+import { ConditionalWrapper } from '../../internal';
 export const LayoutWrapper = ({ container, children }) => {
     const wrapperProps = typeof container === 'object' ? container : {};
     const wrapper = container ? Container : undefined;

package/dist/components/layouts/layout-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout-wrapper.js","sourceRoot":"","sources":["../../../src/components/layouts/layout-wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM3D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,CACN,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,YAC9D,QAAQ,GACW,CACrB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"layout-wrapper.js","sourceRoot":"","sources":["../../../src/components/layouts/layout-wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAMhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,CACN,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,YAC9D,QAAQ,GACW,CACrB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/masonry-layout/masonry-layout.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { css } from '../../../styled-system/css';
 import { LayoutWrapper } from '../layout-wrapper';
-import { ContentHeader } from '../../../internal-components';
+import { ContentHeader } from '../../../internal';
 const styles = {
     container: css({ width: 'full' }),
     list: css({

package/dist/components/layouts/masonry-layout/masonry-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,IAAI,EAAE,GAAG,CAAC;QACT,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACtC,SAAS,EAAE,GAAG;KACd,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,GACW,EAAE,EAAE;IACxB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,EAC7E,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,IACA,GACS,CAChB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,IAAI,EAAE,GAAG,CAAC;QACT,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACtC,SAAS,EAAE,GAAG;KACd,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,GACW,EAAE,EAAE;IACxB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,EAC7E,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,IACA,GACS,CAChB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { LayoutComponentProps } from '../layout-component.types';
 import { Prettify } from '../../../types';
-import { ContentHeading } from '../../../internal-components';
+import { ContentHeading } from '../../../internal';
 export type MasonryLayoutProps = Prettify<LayoutComponentProps & ContentHeading & {
     /** Items to render in the masonry grid */
     items: ReactNode[];

package/dist/components/layouts/split-navigator/index.d.ts

@@ -0,0 +1,2 @@
+export type { SplitNavigatorProps, SplitNavigatorSection, SplitNavigatorItem, } from './split-navigator.types';
+export { SplitNavigator } from './split-navigator';

package/dist/components/layouts/split-navigator/index.js

@@ -0,0 +1,2 @@
+export { SplitNavigator } from './split-navigator';
+//# sourceMappingURL=index.js.map

package/dist/components/layouts/split-navigator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layouts/split-navigator/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/layouts/split-navigator/split-navigator.d.ts

@@ -0,0 +1,19 @@
+import { SplitNavigatorItem, SplitNavigatorProps } from './split-navigator.types';
+/**
+ * Sidebar sections, a list of items, and a detail view, built on `SplitView`.
+ *
+ * - Tracks the selected section and item, controlled or uncontrolled
+ * - Selecting a section clears the item; selections move phones to the next column
+ * - Follows selection changes from outside (router, browser back) on phones
+ * - Derives active markers, column titles, and back labels from the data
+ * - Optional links via `getSectionHref` / `getItemHref`, a sidebar footer, and empty states
+ *
+ * @example
+ * <SplitNavigator
+ *   sections={[{ id: 'inbox', title: 'Inbox', icon: 'Tray' }]}
+ *   items={messages}
+ *   renderItem={(msg) => msg.subject}
+ *   renderDetail={(msg) => <Message message={msg} />}
+ * />
+ */
+export declare const SplitNavigator: <T extends SplitNavigatorItem>({ sections, items, renderItem, renderDetail, section: sectionProp, defaultSection, onSectionChange, item: itemProp, defaultItem, onItemChange, getSectionHref, getItemHref, sidebarTitle, sidebarFooter, listTitle, detailTitle, listActions, detailActions, emptyList, emptyDetail, defaultColumn, ...splitViewProps }: SplitNavigatorProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layouts/split-navigator/split-navigator.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { css } from '../../../styled-system/css';
+import { useControllableState } from '../../../internal';
+import { SplitView, useSplitView } from '../split-view';
+const styles = {
+    empty: css({
+        display: 'flex',
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '6',
+        color: 'text.tertiary',
+        fontSize: 'body.sm',
+        textAlign: 'center',
+    }),
+};
+const Empty = ({ children }) => (_jsx("div", { className: styles.empty, children: children }));
+/**
+ * Moves to the column matching the selection when it changes from outside a click,
+ * such as a router navigation or browser back, so compact mode follows the URL.
+ */
+const SelectionSync = ({ section, item }) => {
+    const { show } = useSplitView();
+    const previous = useRef({ section, item });
+    useEffect(() => {
+        const changed = previous.current.section !== section || previous.current.item !== item;
+        previous.current = { section, item };
+        if (changed)
+            show(item != null ? 'detail' : 'list');
+    });
+    return null;
+};
+const SectionEntries = ({ sections, selected, onSelect, getHref, }) => {
+    const { show } = useSplitView();
+    return sections.map((section) => (_jsx(SplitView.Item, { icon: section.icon, active: section.id === selected, href: getHref?.(section), onClick: () => {
+            onSelect(section.id);
+            show('list');
+        }, children: section.title }, section.id)));
+};
+const ItemEntries = ({ items, selected, onSelect, renderItem, getHref, }) => {
+    const { show } = useSplitView();
+    return items.map((item) => (_jsx(SplitView.Item, { active: item.id === selected, href: getHref?.(item), onClick: () => {
+            onSelect(item.id);
+            show('detail');
+        }, children: renderItem(item) }, item.id)));
+};
+/**
+ * Sidebar sections, a list of items, and a detail view, built on `SplitView`.
+ *
+ * - Tracks the selected section and item, controlled or uncontrolled
+ * - Selecting a section clears the item; selections move phones to the next column
+ * - Follows selection changes from outside (router, browser back) on phones
+ * - Derives active markers, column titles, and back labels from the data
+ * - Optional links via `getSectionHref` / `getItemHref`, a sidebar footer, and empty states
+ *
+ * @example
+ * <SplitNavigator
+ *   sections={[{ id: 'inbox', title: 'Inbox', icon: 'Tray' }]}
+ *   items={messages}
+ *   renderItem={(msg) => msg.subject}
+ *   renderDetail={(msg) => <Message message={msg} />}
+ * />
+ */
+export const SplitNavigator = ({ sections, items, renderItem, renderDetail, section: sectionProp, defaultSection, onSectionChange, item: itemProp, defaultItem = null, onItemChange, getSectionHref, getItemHref, sidebarTitle, sidebarFooter, listTitle, detailTitle, listActions, detailActions, emptyList = 'Nothing here yet', emptyDetail = 'Select an item', defaultColumn, ...splitViewProps }) => {
+    const [sectionId, setSectionId] = useControllableState({
+        value: sectionProp,
+        defaultValue: defaultSection ?? sections[0]?.id,
+        onChange: (id) => {
+            if (id)
+                onSectionChange?.(id);
+        },
+    });
+    const [itemId, setItemId] = useControllableState({
+        value: itemProp,
+        defaultValue: defaultItem,
+        onChange: onItemChange,
+    });
+    const section = sections.find(({ id }) => id === sectionId);
+    const selected = items.find(({ id }) => id === itemId) ?? null;
+    const selectedTitle = selected && detailTitle?.(selected);
+    const selectSection = (id) => {
+        if (id !== sectionId) {
+            setSectionId(id);
+            setItemId(null);
+        }
+    };
+    return (_jsxs(SplitView, { defaultColumn: defaultColumn ?? (selected ? 'detail' : 'list'), ...splitViewProps, children: [_jsx(SelectionSync, { section: sectionId, item: itemId }), _jsx(SplitView.Sidebar, { title: sidebarTitle, footer: sidebarFooter, children: _jsx(SectionEntries, { sections: sections, selected: sectionId, onSelect: selectSection, getHref: getSectionHref }) }), _jsx(SplitView.List, { title: section && (listTitle?.(section) ?? section.title), actions: section && listActions?.(section), children: items.length ? (_jsx(ItemEntries, { items: items, selected: itemId, onSelect: setItemId, renderItem: renderItem, getHref: section && getItemHref && ((item) => getItemHref(item, section)) })) : (_jsx(Empty, { children: emptyList })) }), _jsx(SplitView.Detail, { title: selectedTitle, ariaLabel: typeof selectedTitle === 'string' ? selectedTitle : 'Details', actions: selected && detailActions?.(selected), children: selected ? renderDetail(selected) : _jsx(Empty, { children: emptyDetail }) })] }));
+};
+//# sourceMappingURL=split-navigator.js.map

package/dist/components/layouts/split-navigator/split-navigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-navigator.js","sourceRoot":"","sources":["../../../../src/components/layouts/split-navigator/split-navigator.tsx"],"names":[],"mappings":"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"}

package/dist/components/layouts/split-navigator/split-navigator.types.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { IconNames } from '../../../components/ui';
+import { SplitViewProps } from '../split-view';
+/** A sidebar entry. Selecting one shows its items in the list. */
+export type SplitNavigatorSection = {
+    id: string;
+    title: string;
+    icon?: IconNames;
+};
+/** Minimum shape of a list item. */
+export type SplitNavigatorItem = {
+    id: string | number;
+};
+export type SplitNavigatorProps<T extends SplitNavigatorItem> = Omit<SplitViewProps, 'children'> & {
+    /** Sidebar entries, in display order */
+    sections: SplitNavigatorSection[];
+    /** Items of the selected section, shown in the list */
+    items: T[];
+    /** Content of a list row */
+    renderItem: (item: T) => ReactNode;
+    /** Detail column content for the selected item */
+    renderDetail: (item: T) => ReactNode;
+    /** Selected section id. Makes the section controlled */
+    section?: string;
+    /** Initial section for uncontrolled use @default the first section */
+    defaultSection?: string;
+    /** Called with the next section id whenever it changes */
+    onSectionChange?: (section: string) => void;
+    /** Selected item id, or `null` for none. Makes the item controlled */
+    item?: T['id'] | null;
+    /** Initial item for uncontrolled use @default `null` */
+    defaultItem?: T['id'] | null;
+    /** Called with the next item id, or `null` when the section changes */
+    onItemChange?: (item: T['id'] | null) => void;
+    /** Renders sections as links, e.g. for router-driven selection */
+    getSectionHref?: (section: SplitNavigatorSection) => string;
+    /** Renders items as links, e.g. for router-driven selection */
+    getItemHref?: (item: T, section: SplitNavigatorSection) => string;
+    /** Sidebar header title */
+    sidebarTitle?: string;
+    /** Content pinned to the bottom of the sidebar, e.g. account controls */
+    sidebarFooter?: ReactNode;
+    /** List header title @default the section's title */
+    listTitle?: (section: SplitNavigatorSection) => string;
+    /** Detail header title for the selected item */
+    detailTitle?: (item: T) => ReactNode;
+    /** Trailing list header content */
+    listActions?: (section: SplitNavigatorSection) => ReactNode;
+    /** Trailing detail header content for the selected item */
+    detailActions?: (item: T) => ReactNode;
+    /** Shown in the list when the section has no items @default `'Nothing here yet'` */
+    emptyList?: ReactNode;
+    /** Shown in the detail when no item is selected @default `'Select an item'` */
+    emptyDetail?: ReactNode;
+};

package/dist/components/layouts/split-navigator/split-navigator.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=split-navigator.types.js.map

package/dist/components/layouts/split-navigator/split-navigator.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-navigator.types.js","sourceRoot":"","sources":["../../../../src/components/layouts/split-navigator/split-navigator.types.ts"],"names":[],"mappings":""}

package/dist/components/layouts/split-view/components/split-view-back-button.d.ts

@@ -0,0 +1,3 @@
+import { SplitViewBackButtonProps } from '../split-view.types';
+/** Returns to the column before the one it's in. Only shown in compact mode, and not in the first column. */
+export declare const SplitViewBackButton: ({ children }: SplitViewBackButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/layouts/split-view/components/split-view-back-button.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css } from '../../../../styled-system/css';
+import { IconButton } from '../../../../components/ui';
+import { useSplitView, useSplitViewColumn } from '../split-view-context';
+const styles = {
+    wrapper: css({ display: 'none', mdDown: { display: 'contents' } }),
+};
+/** Returns to the column before the one it's in. Only shown in compact mode, and not in the first column. */
+export const SplitViewBackButton = ({ children }) => {
+    const { columns, titles, show } = useSplitView();
+    const column = useSplitViewColumn();
+    const previous = columns[columns.indexOf(column) - 1];
+    if (!previous)
+        return null;
+    return (_jsx("span", { className: styles.wrapper, children: _jsx(IconButton, { size: "sm", name: "CaretLeft", color: "info", text: true, onClick: () => show(previous), children: children ?? titles[previous] ?? 'Back' }) }));
+};
+//# sourceMappingURL=split-view-back-button.js.map

package/dist/components/layouts/split-view/components/split-view-back-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-view-back-button.js","sourceRoot":"","sources":["../../../../../src/components/layouts/split-view/components/split-view-back-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGzE,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;CAClE,CAAC;AAEF,6GAA6G;AAC7G,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IACjD,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACN,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,YAC9B,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,YACpF,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,MAAM,GAC3B,GACP,CACP,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/split-view/components/split-view-column.d.ts

@@ -0,0 +1,5 @@
+import { SplitViewColumn as Column, SplitViewColumnProps } from '../split-view.types';
+/** Internal column shared by `SplitView.Sidebar`, `SplitView.List` and `SplitView.Detail`. */
+export declare const SplitViewColumn: ({ column, title, actions, footer, ariaLabel, children, }: SplitViewColumnProps & {
+    column: Column;
+}) => import("react/jsx-runtime").JSX.Element;