prime-ui-kit 0.16.0 → 0.18.0

package/src/layout/app-header/examples/page-title.tsx

@@ -1,78 +0,0 @@
-/** The header carries the page: the title is the page heading with a line of data, the page tools (sections, the period, the primary action) are its second row and lay themselves out from its width — `AppHeader.Title`, `AppHeader.Tools`. */
-import { AppHeader, Button, Icon, PageToolbar, SegmentedControl, Select } from "prime-ui-kit";
-import * as React from "react";
-
-import styles from "./examples.module.css";
-
-const SECTIONS = [
-  { value: "all", label: "Все" },
-  { value: "mine", label: "Мои" },
-  { value: "overdue", label: "Просроченные" },
-];
-
-const PERIODS = [
-  { value: "month", label: "Октябрь" },
-  { value: "quarter", label: "IV квартал" },
-  { value: "year", label: "2026 год" },
-];
-
-export default function AppHeaderPageTitleExample() {
-  const [section, setSection] = React.useState("all");
-  const [period, setPeriod] = React.useState("month");
-
-  return (
-    <div className={styles.window}>
-      <AppHeader.Root>
-        <AppHeader.Start>
-          <AppHeader.Title>
-            Сделки
-            <AppHeader.Description>24 сделки в работе · 8,2 млн ₽</AppHeader.Description>
-          </AppHeader.Title>
-        </AppHeader.Start>
-        <AppHeader.Tools>
-          <PageToolbar.Root aria-label="Сделки">
-            <PageToolbar.Sections>
-              <SegmentedControl.Root
-                fullWidth
-                value={section}
-                onValueChange={setSection}
-                aria-label="Раздел"
-              >
-                {SECTIONS.map((item) => (
-                  <SegmentedControl.Item key={item.value} value={item.value}>
-                    {item.label}
-                  </SegmentedControl.Item>
-                ))}
-              </SegmentedControl.Root>
-            </PageToolbar.Sections>
-            <PageToolbar.View>
-              <Select.Root value={period} onValueChange={setPeriod}>
-                <Select.Trigger aria-label="Период">
-                  <Select.TriggerIcon>
-                    <Icon name="field.calendar" />
-                  </Select.TriggerIcon>
-                  <Select.Value />
-                </Select.Trigger>
-                <Select.Content>
-                  {PERIODS.map((item) => (
-                    <Select.Item key={item.value} value={item.value}>
-                      {item.label}
-                    </Select.Item>
-                  ))}
-                </Select.Content>
-              </Select.Root>
-            </PageToolbar.View>
-            <PageToolbar.Actions>
-              <Button.Root>
-                <Button.Icon>
-                  <Icon name="action.add" />
-                </Button.Icon>
-                Новая сделка
-              </Button.Root>
-            </PageToolbar.Actions>
-          </PageToolbar.Root>
-        </AppHeader.Tools>
-      </AppHeader.Root>
-    </div>
-  );
-}

package/src/layout/app-shell/examples/contained.tsx

@@ -1,30 +0,0 @@
-/** A shell without navigation whose main column is centred and capped for long reads — `contentWidth`. */
-import { AppShell, PageContent, Typography } from "prime-ui-kit";
-
-import styles from "./examples.module.css";
-
-export default function AppShellContainedExample() {
-  return (
-    <div className={styles.stage}>
-      <AppShell.Root fillViewport className={styles.shell}>
-        <AppShell.Main contentWidth="contained">
-          <PageContent.Root maxWidth="readable">
-            <PageContent.Header>
-              {/* In a real app this is PageContent.Title (the page h1). */}
-              <Typography as="h2" variant="heading-m">
-                Как подключить оплату
-              </Typography>
-              <PageContent.Description>Обновлено 1 октября 2026 года.</PageContent.Description>
-            </PageContent.Header>
-            <PageContent.Body>
-              <Typography as="p" variant="body-l">
-                Откройте раздел «Настройки», выберите «Оплата» и укажите реквизиты. После проверки
-                банк пришлёт подтверждение, и приём платежей включится автоматически.
-              </Typography>
-            </PageContent.Body>
-          </PageContent.Root>
-        </AppShell.Main>
-      </AppShell.Root>
-    </div>
-  );
-}