@stealthscale/component-screen 0.2.1 → 0.2.3

package/dist/pages/floating-panel/floating-panel.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"BodyProps": {"conditions": 284, "foreign": 1041}, "CloseTriggerProps": {"conditions": 284, "foreign": 1048}, "ContentProps": {"conditions": 284, "foreign": 1040}, "ControlProps": {"conditions": 284, "foreign": 1041}, "DragTriggerProps": {"conditions": 284, "foreign": 1041}, "HeaderProps": {"conditions": 284, "foreign": 1041}, "PositionerProps": {"conditions": 284, "foreign": 1041}, "ResizeTriggerProps": {"conditions": 284, "foreign": 1041}, "ResizeTriggersProps": {"conditions": 284, "foreign": 1041}, "RootProps": {"conditions": 284, "foreign": 1037}, "StageTriggerProps": {"conditions": 284, "foreign": 1048}, "TitleProps": {"conditions": 284, "foreign": 1041}, "TriggerProps": {"conditions": 284, "foreign": 1051}};
+export const parts = {"BodyProps": [], "CloseTriggerProps": [{"accepts": "\"glow\" | \"pulse\"", "fallback": "", "kind": "variant", "name": "effect", "refers": [], "required": false, "says": "The halo around the button, in the palette's solid at half opacity."}, {"accepts": "Lift", "fallback": "", "kind": "variant", "name": "elevation", "refers": ["kit.Lift"], "required": false, "says": ""}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": false, "says": "Accessible name of the button. Defaults to \"Close\"."}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "Palette of every look. The base sets `primary`."}, {"accepts": "\"square\"", "fallback": "", "kind": "variant", "name": "shape", "refers": [], "required": false, "says": ""}, {"accepts": "Scale", "fallback": "", "kind": "variant", "name": "size", "refers": ["kit.Scale"], "required": false, "says": ""}, {"accepts": "\"ghost\" | \"glass\" | \"outline\" | \"plain\" | \"solid\" | \"subtle\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": ""}], "ContentProps": [], "ControlProps": [], "DragTriggerProps": [], "HeaderProps": [], "PositionerProps": [], "ResizeTriggerProps": [{"accepts": "ResizeTriggerAxis", "fallback": "", "kind": "option", "name": "axis", "refers": ["floating-panel.ResizeTriggerAxis"], "required": true, "says": "Edge or corner the trigger resizes from: `n`, `e`, `s` or `w`, or `ne`, `nw`, `se` or `sw`."}], "ResizeTriggersProps": [{"accepts": "readonly ResizeTriggerAxis[]", "fallback": "", "kind": "option", "name": "axes", "refers": ["floating-panel.ResizeTriggerAxis"], "required": false, "says": "Edges and corners to render a trigger for. Defaults to all eight."}], "RootProps": [{"accepts": "boolean", "fallback": "true", "kind": "option", "name": "allowOverflow", "refers": [], "required": false, "says": "Whether the panel should be strictly contained within the boundary when dragging"}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "closeOnEscape", "refers": [], "required": false, "says": "Whether the panel should close when the escape key is pressed"}, {"accepts": "boolean", "fallback": "false", "kind": "option", "name": "defaultOpen", "refers": [], "required": false, "says": "The initial open state of the panel when rendered. Use when you don't need to control the open state of the panel."}, {"accepts": "Point", "fallback": "", "kind": "option", "name": "defaultPosition", "refers": ["rect-utils.Point"], "required": false, "says": "The initial position of the panel when rendered. Use when you don't need to control the position of the panel."}, {"accepts": "Size", "fallback": "", "kind": "option", "name": "defaultSize", "refers": ["rect-utils.Size"], "required": false, "says": "The default size of the panel"}, {"accepts": "\"ltr\" | \"rtl\"", "fallback": "\"ltr\"", "kind": "option", "name": "dir", "refers": [], "required": false, "says": "The document's text/writing direction."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "disabled", "refers": [], "required": false, "says": "Whether the panel is disabled"}, {"accepts": "boolean", "fallback": "true", "kind": "option", "name": "draggable", "refers": [], "required": false, "says": "Whether the panel is draggable"}, {"accepts": "(() => HTMLElement | null)", "fallback": "", "kind": "option", "name": "finalFocusEl", "refers": [], "required": false, "says": "Element to receive focus when the panel is closed. By default, the trigger element is focused."}, {"accepts": "((details: AnchorPositionDetails) => Point)", "fallback": "", "kind": "option", "name": "getAnchorPosition", "refers": ["floating-panel.AnchorPositionDetails"], "required": false, "says": "Function that returns the initial position of the panel when it is opened. If provided, will be used instead of the default position."}, {"accepts": "(() => HTMLElement | null)", "fallback": "", "kind": "option", "name": "getBoundaryEl", "refers": [], "required": false, "says": "The boundary of the panel. Useful for recalculating the boundary rect when the it is resized."}, {"accepts": "(() => Document | Node | ShadowRoot)", "fallback": "", "kind": "option", "name": "getRootNode", "refers": [], "required": false, "says": "A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron."}, {"accepts": "number", "fallback": "1", "kind": "option", "name": "gridSize", "refers": [], "required": false, "says": "The snap grid for the panel"}, {"accepts": "string", "fallback": "", "kind": "option", "name": "id", "refers": [], "required": false, "says": "The unique identifier of the machine."}, {"accepts": "ElementIds", "fallback": "", "kind": "option", "name": "ids", "refers": ["floating-panel.ElementIds"], "required": false, "says": "The ids of the elements in the floating panel. Useful for composition."}, {"accepts": "(() => false | HTMLElement | null)", "fallback": "", "kind": "option", "name": "initialFocusEl", "refers": [], "required": false, "says": "Element to receive focus when the panel is opened. Defaults to the panel content. Return `false` to skip moving focus, or `null` to use the default."}, {"accepts": "boolean", "fallback": "true", "kind": "option", "name": "lazyMount", "refers": [], "required": false, "says": "When true, the overlay renders no content until it first opens."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "lockAspectRatio", "refers": [], "required": false, "says": "Whether the panel is locked to its aspect ratio"}, {"accepts": "Size", "fallback": "", "kind": "option", "name": "maxSize", "refers": ["rect-utils.Size"], "required": false, "says": "The maximum size of the panel"}, {"accepts": "Size", "fallback": "", "kind": "option", "name": "minSize", "refers": ["rect-utils.Size"], "required": false, "says": "The minimum size of the panel"}, {"accepts": "(() => void)", "fallback": "", "kind": "option", "name": "onExitComplete", "refers": [], "required": false, "says": "Runs once the content's exit animation ends."}, {"accepts": "((details: OpenChangeDetails) => void)", "fallback": "", "kind": "option", "name": "onOpenChange", "refers": ["floating-panel.OpenChangeDetails"], "required": false, "says": "Function called when the panel is opened or closed"}, {"accepts": "((details: PositionChangeDetails) => void)", "fallback": "", "kind": "option", "name": "onPositionChange", "refers": ["floating-panel.PositionChangeDetails", "rect-utils.Point"], "required": false, "says": "Function called when the position of the panel changes via dragging"}, {"accepts": "((details: PositionChangeDetails) => void)", "fallback": "", "kind": "option", "name": "onPositionChangeEnd", "refers": ["floating-panel.PositionChangeDetails"], "required": false, "says": "Function called when the position of the panel changes via dragging ends"}, {"accepts": "((details: SizeChangeDetails) => void)", "fallback": "", "kind": "option", "name": "onSizeChange", "refers": ["floating-panel.SizeChangeDetails", "rect-utils.Size"], "required": false, "says": "Function called when the size of the panel changes via resizing"}, {"accepts": "((details: SizeChangeDetails) => void)", "fallback": "", "kind": "option", "name": "onSizeChangeEnd", "refers": ["floating-panel.SizeChangeDetails"], "required": false, "says": "Function called when the size of the panel changes via resizing ends"}, {"accepts": "((details: StageChangeDetails) => void)", "fallback": "", "kind": "option", "name": "onStageChange", "refers": ["floating-panel.Stage", "floating-panel.StageChangeDetails"], "required": false, "says": "Function called when the stage of the panel changes"}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "open", "refers": [], "required": false, "says": "The controlled open state of the panel"}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "persistRect", "refers": [], "required": false, "says": "Whether the panel size and position should be preserved when it is closed"}, {"accepts": "Point", "fallback": "", "kind": "option", "name": "position", "refers": ["rect-utils.Point"], "required": false, "says": "The controlled position of the panel"}, {"accepts": "boolean", "fallback": "true", "kind": "option", "name": "resizable", "refers": [], "required": false, "says": "Whether the panel is resizable"}, {"accepts": "boolean", "fallback": "true", "kind": "option", "name": "restoreFocus", "refers": [], "required": false, "says": "Whether to restore focus to the trigger when the panel is closed."}, {"accepts": "Size", "fallback": "", "kind": "option", "name": "size", "refers": ["rect-utils.Size"], "required": false, "says": "The size of the panel"}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "skipAnimationOnMount", "refers": [], "required": false, "says": "When true, content that is open on mount plays no entry animation."}, {"accepts": "boolean", "fallback": "true", "kind": "option", "name": "unmountOnExit", "refers": [], "required": false, "says": "When true, the overlay removes its content once the exit animation ends."}], "StageTriggerProps": [{"accepts": "\"glow\" | \"pulse\"", "fallback": "", "kind": "variant", "name": "effect", "refers": [], "required": false, "says": "The halo around the button, in the palette's solid at half opacity."}, {"accepts": "Lift", "fallback": "", "kind": "variant", "name": "elevation", "refers": ["kit.Lift"], "required": false, "says": ""}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": false, "says": "Accessible name of the button. Defaults to \"Minimize\", \"Maximize\" or \"Restore\" by `stage`."}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "Palette of every look. The base sets `primary`."}, {"accepts": "\"square\"", "fallback": "", "kind": "variant", "name": "shape", "refers": [], "required": false, "says": ""}, {"accepts": "Scale", "fallback": "", "kind": "variant", "name": "size", "refers": ["kit.Scale"], "required": false, "says": ""}, {"accepts": "Stage", "fallback": "", "kind": "option", "name": "stage", "refers": ["floating-panel.Stage"], "required": true, "says": "Stage a press sets: `minimized`, `maximized`, or `default`, which restores the panel."}, {"accepts": "\"ghost\" | \"glass\" | \"outline\" | \"plain\" | \"solid\" | \"subtle\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": ""}], "TitleProps": [], "TriggerProps": []};
+export const shapes = {"kit.Lift": [{"accepts": "", "name": "\"floating\"", "says": ""}, {"accepts": "", "name": "\"raised\"", "says": ""}], "kit.Scale": [{"accepts": "", "name": "\"2xl\"", "says": ""}, {"accepts": "", "name": "\"3xl\"", "says": ""}, {"accepts": "", "name": "\"4xl\"", "says": ""}, {"accepts": "", "name": "\"lg\"", "says": ""}, {"accepts": "", "name": "\"md\"", "says": ""}, {"accepts": "", "name": "\"sm\"", "says": ""}, {"accepts": "", "name": "\"xl\"", "says": ""}, {"accepts": "", "name": "\"xs\"", "says": ""}], "floating-panel.ResizeTriggerAxis": [{"accepts": "", "name": "\"e\"", "says": ""}, {"accepts": "", "name": "\"n\"", "says": ""}, {"accepts": "", "name": "\"ne\"", "says": ""}, {"accepts": "", "name": "\"nw\"", "says": ""}, {"accepts": "", "name": "\"s\"", "says": ""}, {"accepts": "", "name": "\"se\"", "says": ""}, {"accepts": "", "name": "\"sw\"", "says": ""}, {"accepts": "", "name": "\"w\"", "says": ""}], "floating-panel.ElementIds": [{"accepts": "string", "name": "trigger", "says": ""}, {"accepts": "string", "name": "positioner", "says": ""}, {"accepts": "string", "name": "content", "says": ""}, {"accepts": "string", "name": "title", "says": ""}, {"accepts": "string", "name": "header", "says": ""}], "rect-utils.Size": [{"accepts": "number", "name": "width", "says": ""}, {"accepts": "number", "name": "height", "says": ""}], "rect-utils.Point": [{"accepts": "number", "name": "x", "says": ""}, {"accepts": "number", "name": "y", "says": ""}], "floating-panel.AnchorPositionDetails": [{"accepts": "DOMRect | null", "name": "triggerRect", "says": ""}, {"accepts": "DOMRect | null", "name": "boundaryRect", "says": ""}], "floating-panel.PositionChangeDetails": [{"accepts": "Point", "name": "position", "says": ""}], "floating-panel.OpenChangeDetails": [{"accepts": "boolean", "name": "open", "says": ""}], "floating-panel.SizeChangeDetails": [{"accepts": "Size", "name": "size", "says": ""}], "floating-panel.StageChangeDetails": [{"accepts": "Stage", "name": "stage", "says": ""}], "floating-panel.Stage": [{"accepts": "", "name": "\"default\"", "says": ""}, {"accepts": "", "name": "\"maximized\"", "says": ""}, {"accepts": "", "name": "\"minimized\"", "says": ""}]};

package/dist/pages/locale-switcher/locale-switcher.js

@@ -0,0 +1,180 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { a as Start, c as Root, d as End, n as LocaleSwitcher } from "../../shared-DxlFabHA.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Matrix, Sample, specimen, useWords } from "@stealthscale/specimen";
+import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
+import { Text } from "@stealthscale/component-typography";
+//#region src/locale-switcher/examples/bar.example.tsx
+var bar_example_exports = /* @__PURE__ */ __exportAll({
+	Bar: () => Bar,
+	source: () => source$1
+});
+function Bar() {
+	const $ = c(16);
+	const { t } = useWords("locale-switcher");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("application");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("product");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Start, { children: /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			size: "sm",
+			weight: "semibold",
+			children: t1
+		}) });
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(CheckIcon, { size: "1em" });
+		t4 = /* @__PURE__ */ jsx(ChevronsUpDownIcon, { size: "1em" });
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		t3 = $[6];
+		t4 = $[7];
+	}
+	let t5;
+	if ($[8] !== t) {
+		t5 = t("label");
+		$[8] = t;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx(End, { children: /* @__PURE__ */ jsx(LocaleSwitcher, {
+			checkIcon: t3,
+			indicator: t4,
+			label: t5
+		}) });
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== t0 || $[13] !== t2 || $[14] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Root, {
+			"aria-label": t0,
+			size: "sm",
+			children: [t2, t6]
+		});
+		$[12] = t0;
+		$[13] = t2;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	return t7;
+}
+const source$1 = "import { type ReactElement } from \"react\";\n\nimport { CheckIcon, ChevronsUpDownIcon } from \"lucide-react\";\n\nimport { Text } from \"@stealthscale/component-typography\";\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { LocaleSwitcher, Toolbar } from \"@stealthscale/component-screen\";\n\nexport function Bar(): ReactElement {\n  const { t } = useWords(\"locale-switcher\");\n\n  return (\n    <Toolbar.Root aria-label={t(\"application\")} size=\"sm\">\n      <Toolbar.Start>\n        <Text as=\"span\" size=\"sm\" weight=\"semibold\">\n          {t(\"product\")}\n        </Text>\n      </Toolbar.Start>\n      <Toolbar.End>\n        <LocaleSwitcher\n          checkIcon={<CheckIcon size=\"1em\" />}\n          indicator={<ChevronsUpDownIcon size=\"1em\" />}\n          label={t(\"label\")}\n        />\n      </Toolbar.End>\n    </Toolbar.Root>\n  );\n}\n";
+//#endregion
+//#region src/locale-switcher/examples/looks.example.tsx
+var looks_example_exports = /* @__PURE__ */ __exportAll({
+	Looks: () => Looks,
+	source: () => source
+});
+function Looks(props) {
+	const $ = c(7);
+	const { t } = useWords("locale-switcher");
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(CheckIcon, { size: "1em" });
+		t1 = /* @__PURE__ */ jsx(ChevronsUpDownIcon, { size: "1em" });
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	let t2;
+	if ($[2] !== t) {
+		t2 = t("label");
+		$[2] = t;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== props || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx(LocaleSwitcher, {
+			checkIcon: t0,
+			indicator: t1,
+			label: t2,
+			...props
+		});
+		$[4] = props;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+}
+const source = "import { type ReactElement } from \"react\";\n\nimport { CheckIcon, ChevronsUpDownIcon } from \"lucide-react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { LocaleSwitcher, LocaleSwitcherProps } from \"@stealthscale/component-screen\";\n\nexport function Looks(props: Partial<LocaleSwitcherProps>): ReactElement {\n  const { t } = useWords(\"locale-switcher\");\n\n  return (\n    <LocaleSwitcher\n      checkIcon={<CheckIcon size=\"1em\" />}\n      indicator={<ChevronsUpDownIcon size=\"1em\" />}\n      label={t(\"label\")}\n      {...props}\n    />\n  );\n}\n";
+//#endregion
+//#region src/locale-switcher/locale-switcher.specimen.tsx
+/**
+* Catalogue page for the locale switcher.
+*
+* @remarks
+*   The switcher has no recipe of its own: it renders `Switcher.Root`, so every scene is
+*   hand-written. Each switcher changes the catalogue's own locale, because the catalogue renders
+*   inside a locale provider that offers nine locales. The toolbar scene shows the switcher at the
+*   end of an application's bar, and the looks scene turns the switcher's `variant`. The examples
+*   come through their barrel, and the switcher's own barrel is imported as a type, so the props
+*   band reads the switcher alone and not the toolbar an example renders it in. The words are keys
+*   under `locale-switcher` in `locales/en/specimen/locale-switcher.json`.
+*/
+/**
+* Looks of the looks scene: the switcher's looks for a control in a bar, in reading order.
+*/
+const LOOKS = [
+	"ghost",
+	"outline",
+	"subtle",
+	"surface"
+];
+/**
+* Hand-written scene for the switcher at the end of an application's bar.
+*/
+const inToolbar = {
+	about: "locale-switcher.toolbar.about",
+	draw: () => /* @__PURE__ */ jsx(Sample, {
+		place: "stretch",
+		variant: "outline",
+		children: /* @__PURE__ */ jsx(Bar, {})
+	}),
+	example: bar_example_exports,
+	title: "locale-switcher.toolbar.title"
+};
+/**
+* Hand-written scene for the looks the switcher takes from `Switcher.Root`.
+*/
+const looked = {
+	about: "locale-switcher.looks.about",
+	draw: () => /* @__PURE__ */ jsx(Matrix, {
+		knob: "variant",
+		of: LOOKS,
+		children: (variant) => /* @__PURE__ */ jsx(Looks, { variant })
+	}),
+	example: looks_example_exports,
+	props: { variant: "ghost" },
+	title: "locale-switcher.looks.title"
+};
+var locale_switcher_specimen_default = specimen({
+	about: "locale-switcher.about",
+	id: "components/screen/locale-switcher",
+	imports: "import { LocaleSwitcher } from \"@stealthscale/component-screen/shell\";",
+	scenes: [inToolbar, looked],
+	title: "locale-switcher.title"
+});
+//#endregion
+export { locale_switcher_specimen_default as default, inToolbar, looked };

package/dist/pages/locale-switcher/locale-switcher.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"LocaleSwitcherProps": {"conditions": 284, "foreign": 1063}};
+export const parts = {"LocaleSwitcherProps": [{"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "checkIcon", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Glyph that marks the current choice's row in the menu."}, {"accepts": "\"ltr\" | \"rtl\"", "fallback": "\"ltr\"", "kind": "option", "name": "dir", "refers": [], "required": false, "says": "The document's text/writing direction."}, {"accepts": "(() => Document | Node | ShadowRoot)", "fallback": "", "kind": "option", "name": "getRootNode", "refers": [], "required": false, "says": "A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron."}, {"accepts": "Highlight", "fallback": "", "kind": "variant", "name": "highlight", "refers": ["kit.Highlight"], "required": false, "says": "Look of the highlighted row."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "id", "refers": [], "required": false, "says": "The unique identifier of the machine."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "indicator", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Glyph at the end of the trigger."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "inset", "refers": [], "required": false, "says": "Whether a row without a leading icon or mark starts its text after the gutter an icon takes, for a menu where some rows lead with an icon."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": false, "says": "Name of the control, which a screen reader announces before the current language. \"Language\" unless the caller passes another."}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "The palette of the look and the mark."}, {"accepts": "Placement", "fallback": "", "kind": "option", "name": "placement", "refers": ["kit.Placement"], "required": false, "says": "Where the switcher renders. Read from the sidebar or the toolbar around it when absent."}, {"accepts": "SwitcherSize", "fallback": "", "kind": "option", "name": "size", "refers": ["kit.SwitcherSize"], "required": false, "says": "Size of the switcher. The sidebar's or the toolbar's size when absent, and `md` alone."}, {"accepts": "Look", "fallback": "", "kind": "variant", "name": "variant", "refers": ["kit.Look"], "required": false, "says": "The button's six looks, each one of the theme's layer styles."}]};
+export const shapes = {"kit.Highlight": [{"accepts": "", "name": "\"bar\"", "says": ""}, {"accepts": "", "name": "\"fill\"", "says": ""}, {"accepts": "", "name": "\"tint\"", "says": ""}], "kit.Look": [{"accepts": "", "name": "\"ghost\"", "says": ""}, {"accepts": "", "name": "\"outline\"", "says": ""}, {"accepts": "", "name": "\"plain\"", "says": ""}, {"accepts": "", "name": "\"solid\"", "says": ""}, {"accepts": "", "name": "\"subtle\"", "says": ""}, {"accepts": "", "name": "\"surface\"", "says": ""}], "react.ReactElement": [{"accepts": "string | JSXElementConstructor<any>", "name": "type", "says": ""}, {"accepts": "unknown", "name": "props", "says": ""}, {"accepts": "string | null", "name": "key", "says": ""}], "react.ReactPortal": [{"accepts": "ReactNode", "name": "children", "says": ""}, {"accepts": "string | JSXElementConstructor<any>", "name": "type", "says": ""}, {"accepts": "unknown", "name": "props", "says": ""}, {"accepts": "string | null", "name": "key", "says": ""}], "kit.Placement": [{"accepts": "", "name": "\"alone\"", "says": ""}, {"accepts": "", "name": "\"sidebar\"", "says": ""}, {"accepts": "", "name": "\"toolbar\"", "says": ""}], "kit.SwitcherSize": [{"accepts": "", "name": "\"lg\"", "says": ""}, {"accepts": "", "name": "\"md\"", "says": ""}, {"accepts": "", "name": "\"sm\"", "says": ""}]};