@stealthscale/component-screen 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/cyclonedx/bom.json +1 -1
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +1 -8216
  4. package/dist/pages/action-bar/action-bar.js +471 -0
  5. package/dist/pages/action-bar/action-bar.props.js +3 -0
  6. package/dist/pages/app-shell/app-shell.js +4899 -0
  7. package/dist/pages/app-shell/app-shell.props.js +3 -0
  8. package/dist/pages/floating-panel/floating-panel.js +995 -0
  9. package/dist/pages/floating-panel/floating-panel.props.js +3 -0
  10. package/dist/pages/locale-switcher/locale-switcher.js +180 -0
  11. package/dist/pages/locale-switcher/locale-switcher.props.js +3 -0
  12. package/dist/pages/page/page.js +2308 -0
  13. package/dist/pages/page/page.props.js +3 -0
  14. package/dist/pages/pages.json +123 -0
  15. package/dist/pages/section/section.js +1241 -0
  16. package/dist/pages/section/section.props.js +3 -0
  17. package/dist/pages/sidebar/sidebar.js +1743 -0
  18. package/dist/pages/sidebar/sidebar.props.js +3 -0
  19. package/dist/pages/splitter/splitter.js +1563 -0
  20. package/dist/pages/splitter/splitter.props.js +3 -0
  21. package/dist/pages/switcher/switcher.js +900 -0
  22. package/dist/pages/switcher/switcher.props.js +3 -0
  23. package/dist/pages/theme-switcher/theme-switcher.js +180 -0
  24. package/dist/pages/theme-switcher/theme-switcher.props.js +3 -0
  25. package/dist/pages/toolbar/toolbar.js +1045 -0
  26. package/dist/pages/toolbar/toolbar.props.js +3 -0
  27. package/dist/{recipe-sZAQY6Kq.js → recipes-Cmy1leBm.js} +312 -30
  28. package/dist/shared-DxlFabHA.js +9547 -0
  29. package/dist/shell.js +1 -165
  30. package/dist/theme.js +3 -4
  31. package/locales/en/specimen/action-bar.json +46 -0
  32. package/locales/en/specimen/app-shell.json +288 -0
  33. package/locales/en/specimen/floating-panel.json +70 -0
  34. package/locales/en/specimen/locale-switcher.json +15 -0
  35. package/locales/en/specimen/page.json +198 -0
  36. package/locales/en/specimen/section.json +91 -0
  37. package/locales/en/specimen/sidebar.json +87 -0
  38. package/locales/en/specimen/splitter.json +93 -0
  39. package/locales/en/specimen/switcher.json +61 -0
  40. package/locales/en/specimen/theme-switcher.json +15 -0
  41. package/locales/en/specimen/toolbar.json +80 -0
  42. package/package.json +25 -24
  43. package/dist/recipe-DRMsitrw.js +0 -283
  44. package/dist/root-qEh4u7y5.js +0 -1182
@@ -0,0 +1,3 @@
1
+ export const dropped = {"AsideProps": {"conditions": 284, "foreign": 1039}, "BodyProps": {"conditions": 284, "foreign": 1040}, "FooterProps": {"conditions": 284, "foreign": 1041}, "HeaderProps": {"conditions": 284, "foreign": 1041}, "MainProps": {"conditions": 284, "foreign": 1039}, "NavbarProps": {"conditions": 284, "foreign": 1039}, "PaneProps": {"conditions": 284, "foreign": 1041}, "RailProps": {"conditions": 284, "foreign": 869}, "RootProps": {"conditions": 284, "foreign": 1040}, "SectionProps": {"conditions": 284, "foreign": 1041}, "StatusProps": {"conditions": 284, "foreign": 1041}, "TriggerProps": {"conditions": 284, "foreign": 1050}};
2
+ export const parts = {"AsideProps": [{"accepts": "Collapse", "fallback": "", "kind": "option", "name": "collapse", "refers": ["kit.Collapse"], "required": false, "says": "Result of closing the panel in the body: `hide` hides it, and `icons` leaves a rail wide enough for its icons. Defaults to `hide`."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "defaultOpen", "refers": [], "required": false, "says": "Whether the panel starts open when the caller does not control it. Defaults to `true`."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "defaultSize", "refers": [], "required": false, "says": "Width the panel starts at, in pixels, when the caller does not control `size`. The panel's open width where left out."}, {"accepts": "Fold", "fallback": "", "kind": "option", "name": "folds", "refers": ["kit.Fold"], "required": false, "says": "Where the panel goes when the shell is too narrow for it: over the page behind a backdrop, under the page as a block, or out of the shell. Defaults to `over`."}, {"accepts": "\"never\" | Breakpoint", "fallback": "", "kind": "option", "name": "foldsBelow", "refers": [], "required": false, "says": "Breakpoint below which the panel folds, or `never` for a panel in the body at every width. Defaults to `md` on the start side and `lg` on the end side."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "maxSize", "refers": [], "required": false, "says": "Widest width a person resizes the panel to, in pixels. Half the window's width by default."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "minSize", "refers": [], "required": false, "says": "Narrowest width a person resizes the panel to, in pixels. 192 by default."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "name", "refers": [], "required": false, "says": "Name a trigger uses to find the panel. Defaults to `navbar` on the start side and `aside` on the end side."}, {"accepts": "((open: boolean) => void)", "fallback": "", "kind": "option", "name": "onOpenChange", "refers": [], "required": false, "says": "Called with the new state when the panel opens or closes."}, {"accepts": "((size: number) => void)", "fallback": "", "kind": "option", "name": "onSizeChange", "refers": [], "required": false, "says": "Called with the new width, in pixels, while a person resizes the panel."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "open", "refers": [], "required": false, "says": "Whether the panel is open beside the page, when the application controls it. A panel over the page keeps its own state, which starts closed."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "railWidth", "refers": [], "required": false, "says": "Width the panel closes to when `collapse` is `icons`, as a CSS length. The theme's `sizes.rail` when absent."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "resizable", "refers": [], "required": false, "says": "Whether a person resizes the panel by its rail, the strip `AppShell.Rail` renders on its edge. Defaults to `false`."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "shortcut", "refers": [], "required": false, "says": "Key that toggles the panel with the platform's modifier held: `b` for ⌘B and Ctrl+B. No shortcut by default."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "size", "refers": [], "required": false, "says": "Width a person resized the panel to, in pixels, when the application controls it."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "width", "refers": [], "required": false, "says": "Width the panel opens to, as a CSS length. The theme's `sizes.sidebar` on the start side and `sizes.aside` on the end side when absent."}], "BodyProps": [], "FooterProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "sticky", "refers": [], "required": false, "says": "Whether the bar pins to the bottom of the window while the window scrolls."}, {"accepts": "ShellWidth", "fallback": "", "kind": "option", "name": "when", "refers": ["kit.ShellWidth"], "required": false, "says": "Width of the shell the bar renders at: `narrow` below the `md` breakpoint, `wide` from it. Every width when absent."}], "HeaderProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "sticky", "refers": [], "required": false, "says": "Whether the bar pins to the top of the window while the window scrolls."}], "MainProps": [{"accepts": "string", "fallback": "", "kind": "option", "name": "id", "refers": [], "required": false, "says": "Id that the root's `ids` give the `main` element."}], "NavbarProps": [{"accepts": "Collapse", "fallback": "", "kind": "option", "name": "collapse", "refers": ["kit.Collapse"], "required": false, "says": "Result of closing the panel in the body: `hide` hides it, and `icons` leaves a rail wide enough for its icons. Defaults to `hide`."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "defaultOpen", "refers": [], "required": false, "says": "Whether the panel starts open when the caller does not control it. Defaults to `true`."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "defaultSize", "refers": [], "required": false, "says": "Width the panel starts at, in pixels, when the caller does not control `size`. The panel's open width where left out."}, {"accepts": "Fold", "fallback": "", "kind": "option", "name": "folds", "refers": ["kit.Fold"], "required": false, "says": "Where the panel goes when the shell is too narrow for it: over the page behind a backdrop, under the page as a block, or out of the shell. Defaults to `over`."}, {"accepts": "\"never\" | Breakpoint", "fallback": "", "kind": "option", "name": "foldsBelow", "refers": [], "required": false, "says": "Breakpoint below which the panel folds, or `never` for a panel in the body at every width. Defaults to `md` on the start side and `lg` on the end side."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "maxSize", "refers": [], "required": false, "says": "Widest width a person resizes the panel to, in pixels. Half the window's width by default."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "minSize", "refers": [], "required": false, "says": "Narrowest width a person resizes the panel to, in pixels. 192 by default."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "name", "refers": [], "required": false, "says": "Name a trigger uses to find the panel. Defaults to `navbar` on the start side and `aside` on the end side."}, {"accepts": "((open: boolean) => void)", "fallback": "", "kind": "option", "name": "onOpenChange", "refers": [], "required": false, "says": "Called with the new state when the panel opens or closes."}, {"accepts": "((size: number) => void)", "fallback": "", "kind": "option", "name": "onSizeChange", "refers": [], "required": false, "says": "Called with the new width, in pixels, while a person resizes the panel."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "open", "refers": [], "required": false, "says": "Whether the panel is open beside the page, when the application controls it. A panel over the page keeps its own state, which starts closed."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "railWidth", "refers": [], "required": false, "says": "Width the panel closes to when `collapse` is `icons`, as a CSS length. The theme's `sizes.rail` when absent."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "resizable", "refers": [], "required": false, "says": "Whether a person resizes the panel by its rail, the strip `AppShell.Rail` renders on its edge. Defaults to `false`."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "shortcut", "refers": [], "required": false, "says": "Key that toggles the panel with the platform's modifier held: `b` for ⌘B and Ctrl+B. No shortcut by default."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "size", "refers": [], "required": false, "says": "Width a person resized the panel to, in pixels, when the application controls it."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "width", "refers": [], "required": false, "says": "Width the panel opens to, as a CSS length. The theme's `sizes.sidebar` on the start side and `sizes.aside` on the end side when absent."}], "PaneProps": [], "RailProps": [{"accepts": "string", "fallback": "", "kind": "option", "name": "closeLabel", "refers": [], "required": false, "says": "Accessible name of the rail while its panel is open. Defaults to `Close`."}, {"accepts": "MouseEventHandler<HTMLElement>", "fallback": "", "kind": "option", "name": "onClick", "refers": ["react.MouseEvent", "react.MouseEventHandler"], "required": false, "says": "Called on a press before the separator toggles its panel. Calling `preventDefault` leaves the panel as it is."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "openLabel", "refers": [], "required": false, "says": "Accessible name of the rail while its panel is closed. Defaults to `Open`."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "panel", "refers": [], "required": false, "says": "Name of the panel the rail controls. Defaults to `navbar`."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "resizeLabel", "refers": [], "required": false, "says": "Accessible name of the rail of a resizable panel. Defaults to `Resize`."}], "RootProps": [{"accepts": "\"constrained\" | \"fluid\"", "fallback": "", "kind": "variant", "name": "content", "refers": [], "required": false, "says": "Width of the page in the main region: the whole region, or at most the theme's wide page measure, centred in the region."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "divided", "refers": [], "required": false, "says": "Whether a hairline separates each bar and each panel from the page."}, {"accepts": "\"page\" | \"window\"", "fallback": "", "kind": "variant", "name": "scroll", "refers": [], "required": false, "says": "What scrolls under the bars: the main region inside a shell the height of the window, or the window itself, with sticky bars pinned to it."}, {"accepts": "\"floating\" | \"inset\" | \"plain\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": "How the page and the panels are set against the root's ground."}], "SectionProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "grows", "refers": [], "required": false, "says": "Whether the section takes the room its siblings leave."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "scrolls", "refers": [], "required": false, "says": "Whether the section scrolls its own content."}], "StatusProps": [{"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": false, "says": "Name of the region. `Status` by default."}], "TriggerProps": [{"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": "\"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": "string", "fallback": "", "kind": "option", "name": "panel", "refers": [], "required": false, "says": "Name of the panel the control opens. Defaults to `navbar`."}, {"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": ""}]};
3
+ export const shapes = {"kit.Collapse": [{"accepts": "", "name": "\"hide\"", "says": ""}, {"accepts": "", "name": "\"icons\"", "says": ""}], "kit.Fold": [{"accepts": "", "name": "\"hide\"", "says": ""}, {"accepts": "", "name": "\"over\"", "says": ""}, {"accepts": "", "name": "\"under\"", "says": ""}], "kit.ShellWidth": [{"accepts": "", "name": "\"narrow\"", "says": ""}, {"accepts": "", "name": "\"wide\"", "says": ""}], "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": ""}]};