prime-ui-kit 0.7.11 → 0.9.0

package/dist/components/typography/examples/full-width.d.ts

@@ -1,6 +0,0 @@
-/**
- * Две колонки разной ширины, одинаковые `variant` и `tone`.
- * Зеркало `playground/snippets/typography/full-width.tsx`.
- */
-export default function TypographyExampleFullWidth(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=full-width.d.ts.map

package/dist/components/typography/examples/full-width.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"full-width.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/examples/full-width.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CAuBjD"}

package/dist/components/typography/examples/reading-and-form.d.ts

@@ -1,6 +0,0 @@
-/**
- * Заголовок и вводный текст — `Typography`; поля и кнопки — `Input` / `Button`.
- * Зеркало `playground/snippets/typography/reading-and-form.tsx`.
- */
-export default function TypographyExampleReadingAndForm(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=reading-and-form.d.ts.map

package/dist/components/typography/examples/reading-and-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reading-and-form.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/examples/reading-and-form.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CA+BtD"}

package/dist/components/typography/examples/states.d.ts

@@ -1,3 +0,0 @@
-/** Курсив `italic` при том же `variant` и `weight`. Зеркало `playground/snippets/typography/states.tsx`. */
-export default function TypographyExampleStates(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=states.d.ts.map

package/dist/components/typography/examples/states.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/examples/states.tsx"],"names":[],"mappings":"AAIA,4GAA4G;AAC5G,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAqB9C"}

package/dist/components/typography/examples/variant-catalog.d.ts

@@ -1,3 +0,0 @@
-/** Каталог всех ролей `variant` из `typography.role` — зеркало `playground/snippets/typography/variant-catalog.tsx`. */
-export default function TypographyExampleVariantCatalog(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=variant-catalog.d.ts.map

package/dist/components/typography/examples/variant-catalog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variant-catalog.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/examples/variant-catalog.tsx"],"names":[],"mappings":"AAIA,wHAAwH;AACxH,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CAqGtD"}

package/dist/components/typography/examples/variants.d.ts

@@ -1,3 +0,0 @@
-/** `weight`, крайние `tracking` и `tone` на `variant="body-default"`. Зеркало `playground/snippets/typography/variants.tsx`. */
-export default function TypographyExampleVariants(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=variants.d.ts.map

package/dist/components/typography/examples/variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/examples/variants.tsx"],"names":[],"mappings":"AAMA,gIAAgI;AAChI,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CAqDhD"}

package/dist/layout/sidebar/SidebarRoot.d.ts

@@ -1,61 +0,0 @@
-import * as React from "react";
-import type { SidebarSize } from "@/internal/states";
-import { type SidebarSide } from "./sidebar-context";
-import { type LegacySidebarLayoutMode, type SidebarLayoutMode } from "./sidebarLayout";
-export type { SidebarLayoutMode, SidebarSide };
-export type SidebarRootProps = Omit<React.ComponentPropsWithoutRef<"aside">, "children"> & {
-    children: React.ReactNode;
-    size?: SidebarSize;
-    side?: SidebarSide;
-    state?: SidebarLayoutMode;
-    defaultState?: SidebarLayoutMode;
-    onStateChange?: (state: SidebarLayoutMode) => void;
-    /** @deprecated */
-    mode?: SidebarLayoutMode | LegacySidebarLayoutMode;
-    /** @deprecated */
-    defaultMode?: SidebarLayoutMode | LegacySidebarLayoutMode;
-    /** @deprecated */
-    onModeChange?: (state: SidebarLayoutMode) => void;
-    /** @deprecated */
-    open?: boolean;
-    /** @deprecated */
-    defaultOpen?: boolean;
-    /** @deprecated */
-    onOpenChange?: (open: boolean) => void;
-    responsive?: boolean;
-    sidebarSlot?: "page-nav";
-    /**
-     * Ключ `localStorage`: запоминаются только режимы рабочего стола `expanded` / `compact`.
-     * На узком вьюпорте drawer при загрузке всегда закрыт; при возврате на широкий экран подставляется сохранённый режим.
-     */
-    persistStateKey?: string;
-};
-declare const SidebarRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & {
-    children: React.ReactNode;
-    size?: SidebarSize;
-    side?: SidebarSide;
-    state?: SidebarLayoutMode;
-    defaultState?: SidebarLayoutMode;
-    onStateChange?: (state: SidebarLayoutMode) => void;
-    /** @deprecated */
-    mode?: SidebarLayoutMode | LegacySidebarLayoutMode;
-    /** @deprecated */
-    defaultMode?: SidebarLayoutMode | LegacySidebarLayoutMode;
-    /** @deprecated */
-    onModeChange?: (state: SidebarLayoutMode) => void;
-    /** @deprecated */
-    open?: boolean;
-    /** @deprecated */
-    defaultOpen?: boolean;
-    /** @deprecated */
-    onOpenChange?: (open: boolean) => void;
-    responsive?: boolean;
-    sidebarSlot?: "page-nav";
-    /**
-     * Ключ `localStorage`: запоминаются только режимы рабочего стола `expanded` / `compact`.
-     * На узком вьюпорте drawer при загрузке всегда закрыт; при возврате на широкий экран подставляется сохранённый режим.
-     */
-    persistStateKey?: string;
-} & React.RefAttributes<HTMLElement>>;
-export { SidebarRoot };
-//# sourceMappingURL=SidebarRoot.d.ts.map

package/dist/layout/sidebar/SidebarRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarRoot.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/SidebarRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EACL,KAAK,uBAAuB,EAG5B,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,kBAAkB;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,uBAAuB,CAAC;IACnD,kBAAkB;IAClB,WAAW,CAAC,EAAE,iBAAiB,GAAG,uBAAuB,CAAC;IAC1D,kBAAkB;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAiCF,QAAA,MAAM,WAAW;cA1DL,KAAK,CAAC,SAAS;WAClB,WAAW;WACX,WAAW;YACV,iBAAiB;mBACV,iBAAiB;oBAChB,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI;IAClD,kBAAkB;WACX,iBAAiB,GAAG,uBAAuB;IAClD,kBAAkB;kBACJ,iBAAiB,GAAG,uBAAuB;IACzD,kBAAkB;mBACH,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI;IACjD,kBAAkB;WACX,OAAO;IACd,kBAAkB;kBACJ,OAAO;IACrB,kBAAkB;mBACH,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;iBACzB,OAAO;kBACN,UAAU;IACxB;;;OAGG;sBACe,MAAM;qCA8PxB,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/layout/sidebar/examples/01-app-shell-nav.d.ts

@@ -1,6 +0,0 @@
-/**
- * Primary app layout: `AppShell.Template` nav slot holds `Sidebar` with `sidebarSlot="page-nav"`.
- * `NavPanel` включает встроенную кнопку на грани (`data-placement="edge"`); режим — через `Sidebar.Root`.
- */
-export default function SidebarExampleAppShellNav(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-app-shell-nav.d.ts.map

package/dist/layout/sidebar/examples/01-app-shell-nav.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-app-shell-nav.d.ts","sourceRoot":"","sources":["../../../../../src/layout/sidebar/examples/01-app-shell-nav.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CA+EhD"}

package/dist/layout/sidebar/examples/02-collapsible-desktop.d.ts

@@ -1,6 +0,0 @@
-/**
- * Desktop collapse: встроенная кнопка на грани переключает expanded ↔ compact (не оверлей мобильного режима).
- * С `responsive={false}` узкое окно сохраняет инлайн-рейл.
- */
-export default function SidebarExampleCollapsibleDesktop(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-collapsible-desktop.d.ts.map

package/dist/layout/sidebar/examples/02-collapsible-desktop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-collapsible-desktop.d.ts","sourceRoot":"","sources":["../../../../../src/layout/sidebar/examples/02-collapsible-desktop.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,4CAgEvD"}

package/dist/layout/sidebar/examples/03-controlled-state.d.ts

@@ -1,5 +0,0 @@
-/**
- * Контролируемый режим: родитель задаёт `state` / `onStateChange`; кнопка на грани панели вызывает то же переключение через контекст.
- */
-export default function SidebarExampleControlledState(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=03-controlled-state.d.ts.map

package/dist/layout/sidebar/examples/03-controlled-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-controlled-state.d.ts","sourceRoot":"","sources":["../../../../../src/layout/sidebar/examples/03-controlled-state.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,4CAwEpD"}

package/dist/layout/sidebar/examples/04-router-navigation.d.ts

@@ -1,6 +0,0 @@
-/**
- * SPA routes: `Sidebar.MenuRouterLink` wraps React Router `NavLink`. Wrap the tree in a router
- * (`BrowserRouter` in apps; `MemoryRouter` in tests and docs).
- */
-export default function SidebarExampleRouterNavigation(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=04-router-navigation.d.ts.map

package/dist/layout/sidebar/examples/04-router-navigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-router-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/layout/sidebar/examples/04-router-navigation.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,8BAA8B,4CAqErD"}

package/dist/layout/sidebar/examples/05-responsive-behavior.d.ts

@@ -1,7 +0,0 @@
-/**
- * Responsive mode (default `responsive={true}`): below the narrow breakpoint the panel becomes a drawer
- * with backdrop; the same edge toggle opens the panel when closed. Constants such as `SIDEBAR_MEDIA_QUERY_NARROW` match
- * the kit implementation (single source of truth for JS and CSS).
- */
-export default function SidebarExampleResponsiveBehavior(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=05-responsive-behavior.d.ts.map

package/dist/layout/sidebar/examples/05-responsive-behavior.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-responsive-behavior.d.ts","sourceRoot":"","sources":["../../../../../src/layout/sidebar/examples/05-responsive-behavior.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,4CA6CvD"}

package/dist/layout/sidebar/sidebar-context.d.ts

@@ -1,19 +0,0 @@
-import type { SidebarSize } from "@/internal/states";
-import type { SidebarLayoutMode } from "./sidebarLayout";
-export type SidebarSide = "left" | "right";
-export type SidebarContextValue = {
-    size: SidebarSize;
-    side: SidebarSide;
-    state: SidebarLayoutMode;
-    setState: (mode: SidebarLayoutMode) => void;
-    mode: SidebarLayoutMode;
-    setMode: (mode: SidebarLayoutMode) => void;
-    open: boolean;
-    setOpen: (next: boolean) => void;
-    toggleOpen: () => void;
-    isMobile: boolean;
-    navPanelId: string;
-};
-declare const SidebarProvider: import("react").Provider<SidebarContextValue | null>, useSidebarContext: () => SidebarContextValue;
-export { SidebarProvider, useSidebarContext };
-//# sourceMappingURL=sidebar-context.d.ts.map

package/dist/layout/sidebar/sidebar-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-context.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/sidebar-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAO,eAAe,wDAAE,iBAAiB,2BAA0D,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/layout/sidebar/sidebarDesktopStorage.d.ts

@@ -1,5 +0,0 @@
-import type { SidebarLayoutMode } from "./sidebarLayout";
-export type StoredSidebarDesktopMode = Extract<SidebarLayoutMode, "expanded" | "compact">;
-export declare function readStoredDesktopMode(key: string): StoredSidebarDesktopMode | null;
-export declare function writeStoredDesktopMode(key: string, mode: StoredSidebarDesktopMode): void;
-//# sourceMappingURL=sidebarDesktopStorage.d.ts.map

package/dist/layout/sidebar/sidebarDesktopStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebarDesktopStorage.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/sidebarDesktopStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAa1F,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,IAAI,CAWlF;AAED,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,wBAAwB,GAAG,IAAI,CAQxF"}

package/dist/layout/sidebar/sidebarLayout.d.ts

@@ -1,12 +0,0 @@
-/**
- * Единая точка для JS/CSS: mobile < 768px, desktop/tablet >= 768px.
- */
-export type SidebarLayoutMode = "hidden" | "compact" | "expanded";
-/** @deprecated use `SidebarLayoutMode` */
-export type LegacySidebarLayoutMode = "hidden" | "compact" | "expand";
-export declare const SIDEBAR_LAYOUT_BREAKPOINT_MAX = "47.999rem";
-export declare const SIDEBAR_MEDIA_QUERY_NARROW = "(max-width: 47.999rem)";
-export declare const SIDEBAR_MEDIA_QUERY_INLINE = "(min-width: 48rem)";
-export declare const SIDEBAR_MEDIA_QUERY_XS_HIDDEN = "(max-width: 29.999rem)";
-export declare function normalizeSidebarMode(mode: SidebarLayoutMode | LegacySidebarLayoutMode): SidebarLayoutMode;
-//# sourceMappingURL=sidebarLayout.d.ts.map

package/dist/layout/sidebar/sidebarLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebarLayout.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/sidebarLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAElE,0CAA0C;AAC1C,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtE,eAAO,MAAM,6BAA6B,cAAc,CAAC;AAEzD,eAAO,MAAM,0BAA0B,2BAAkD,CAAC;AAE1F,eAAO,MAAM,0BAA0B,uBAAuB,CAAC;AAE/D,eAAO,MAAM,6BAA6B,2BAA2B,CAAC;AAEtE,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,iBAAiB,GAAG,uBAAuB,GAChD,iBAAiB,CAEnB"}

package/dist/layout/sidebar/useSidebarNarrowViewport.d.ts

@@ -1,6 +0,0 @@
-/**
- * Подписка на `(max-width: 47.999rem)` без рассинхрона с эффектом:
- * первый клиентский кадр совпадает с `matchMedia` (в т.ч. после гидрации).
- */
-export declare function useSidebarNarrowViewport(enabled: boolean): boolean;
-//# sourceMappingURL=useSidebarNarrowViewport.d.ts.map

package/dist/layout/sidebar/useSidebarNarrowViewport.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSidebarNarrowViewport.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/useSidebarNarrowViewport.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAuBlE"}

package/src/components/accordion/examples/01-faq-marketing.tsx

@@ -1,63 +0,0 @@
-import { CreditCard, Package, Truck } from "lucide-react";
-import { Accordion } from "@/components/accordion/Accordion";
-import { Typography } from "@/components/typography/Typography";
-
-import styles from "./examples.module.css";
-
-/**
- * FAQ-style marketing page: single expansion, grouped frame, triggers with icons and chevron.
- */
-export default function AccordionExampleFaqMarketing() {
-  return (
-    <Accordion.Root type="single" layout="grouped" defaultValue="shipping">
-      <Accordion.Item value="shipping">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={Truck} />
-            <span>When will my order ship?</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <div className={styles.bodyStack}>
-            <Typography.Root as="p" variant="body-default" className={styles.lead}>
-              Most in-stock orders leave our warehouse within one business day. You will receive a
-              tracking link by email as soon as the carrier scans the package.
-            </Typography.Root>
-          </div>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="returns">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={Package} />
-            <span>What is your return policy?</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Unopened items in original packaging can be returned within 30 days for a full refund.
-            Opened consumables may be eligible for store credit—contact support with your order
-            number.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="payment">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={CreditCard} />
-            <span>Which payment methods do you accept?</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            We accept major cards, digital wallets, and purchase orders for approved business
-            accounts. All transactions are processed over encrypted connections.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-    </Accordion.Root>
-  );
-}

package/src/components/accordion/examples/02-settings-panels.tsx

@@ -1,63 +0,0 @@
-import { Bell, Lock, User } from "lucide-react";
-import { Accordion } from "@/components/accordion/Accordion";
-import { Typography } from "@/components/typography/Typography";
-
-import styles from "./examples.module.css";
-
-/**
- * Account settings: compare several open sections at once with `type="multiple"` and card-like
- * `layout="separate"`.
- */
-export default function AccordionExampleSettingsPanels() {
-  return (
-    <Accordion.Root type="multiple" layout="separate" defaultValue={["profile", "notifications"]}>
-      <Accordion.Item value="profile">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={User} />
-            <span>Profile</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <div className={styles.bodyStack}>
-            <Typography.Root as="p" variant="body-default" className={styles.lead}>
-              Update your display name, avatar, and public contact details. Changes apply across all
-              signed-in devices after you save.
-            </Typography.Root>
-          </div>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="notifications">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={Bell} />
-            <span>Notifications</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Choose email, push, and in-app channels. Digest mode bundles low-priority updates into
-            one daily summary.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="security">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={Lock} />
-            <span>Security</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Manage passwords, two-factor authentication, and active sessions. We recommend enabling
-            an authenticator app for administrator roles.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-    </Accordion.Root>
-  );
-}

package/src/components/accordion/examples/03-checkout-order-summary.tsx

@@ -1,89 +0,0 @@
-import { Minus, Plus } from "lucide-react";
-import { Accordion } from "@/components/accordion/Accordion";
-import { LinkButton } from "@/components/link-button/LinkButton";
-import { Typography } from "@/components/typography/Typography";
-
-import styles from "./examples.module.css";
-
-/**
- * Checkout flow: custom open/close icons on the arrow, dense copy, and a policy link in the body.
- */
-export default function AccordionExampleCheckoutOrderSummary() {
-  return (
-    <Accordion.Root type="single" layout="grouped" defaultValue="totals">
-      <Accordion.Item value="totals">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <span>Order totals</span>
-            <Accordion.Arrow openIcon={Plus} closeIcon={Minus} />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <div className={styles.bodyStack}>
-            <div className={styles.row}>
-              <Typography.Root as="span" variant="body-default">
-                Subtotal
-              </Typography.Root>
-              <Typography.Root as="span" variant="body-default">
-                $124.00
-              </Typography.Root>
-            </div>
-            <div className={styles.row}>
-              <Typography.Root as="span" variant="body-default" tone="muted">
-                Estimated tax
-              </Typography.Root>
-              <Typography.Root as="span" variant="body-default" tone="muted">
-                $9.92
-              </Typography.Root>
-            </div>
-            <div className={styles.row}>
-              <Typography.Root as="span" variant="body-small" weight="semibold">
-                Due today
-              </Typography.Root>
-              <Typography.Root as="span" variant="body-small" weight="semibold">
-                $133.92
-              </Typography.Root>
-            </div>
-          </div>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="delivery">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <span>Delivery window</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Arrives Tuesday–Thursday depending on carrier volume. You can reschedule from the
-            confirmation email.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="terms">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <span>Terms &amp; privacy</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <div className={styles.stack}>
-            <Typography.Root as="p" variant="body-small" className={styles.lead}>
-              By placing this order you agree to our terms of sale and refund policy.
-            </Typography.Root>
-            <div className={styles.actions}>
-              <LinkButton.Root href="#" size="s">
-                Terms of sale
-              </LinkButton.Root>
-              <LinkButton.Root href="#" size="s">
-                Privacy policy
-              </LinkButton.Root>
-            </div>
-          </div>
-        </Accordion.Content>
-      </Accordion.Item>
-    </Accordion.Root>
-  );
-}

package/src/components/accordion/examples/04-api-docs-sections.tsx

@@ -1,88 +0,0 @@
-import { BookOpen, Code2, Webhook } from "lucide-react";
-import * as React from "react";
-import { Accordion } from "@/components/accordion/Accordion";
-import { Typography } from "@/components/typography/Typography";
-
-import styles from "./examples.module.css";
-
-/**
- * Long-form API reference: controlled `value` / `onValueChange` so another part of the page (or
- * deep link) can sync which section is open.
- */
-export default function AccordionExampleApiDocsSections() {
-  const [open, setOpen] = React.useState<string>("auth");
-
-  return (
-    <Accordion.Root
-      type="single"
-      layout="grouped"
-      value={open}
-      onValueChange={(next) => {
-        if (typeof next === "string") setOpen(next);
-      }}
-    >
-      <Accordion.Item value="auth">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={BookOpen} />
-            <span>Authentication</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <div className={styles.bodyStack}>
-            <Typography.Root as="p" variant="body-default" className={styles.lead}>
-              Send a bearer token in the{" "}
-              <Typography.Root as="span" variant="caption" weight="medium">
-                Authorization
-              </Typography.Root>{" "}
-              header. Tokens expire after twelve hours; refresh using the endpoint described in the
-              session guide.
-            </Typography.Root>
-          </div>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="webhooks">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={Webhook} />
-            <span>Webhooks</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Register HTTPS endpoints to receive signed event payloads. Retry policy uses exponential
-            backoff for non-2xx responses up to three days.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="errors">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={Code2} />
-            <span>Error format</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Errors return JSON with{" "}
-            <Typography.Root as="span" variant="caption" weight="medium">
-              code
-            </Typography.Root>
-            ,{" "}
-            <Typography.Root as="span" variant="caption" weight="medium">
-              message
-            </Typography.Root>
-            , and optional{" "}
-            <Typography.Root as="span" variant="caption" weight="medium">
-              details
-            </Typography.Root>{" "}
-            for validation issues.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-    </Accordion.Root>
-  );
-}

package/src/components/accordion/examples/05-knowledge-base-categories.tsx

@@ -1,60 +0,0 @@
-import { FileQuestion, LifeBuoy, ShieldCheck } from "lucide-react";
-import { Accordion } from "@/components/accordion/Accordion";
-import { Typography } from "@/components/typography/Typography";
-
-import styles from "./examples.module.css";
-
-/**
- * Support hub: `collapsible={false}` keeps one section pinned open once chosen, and a disabled item
- * marks content that is not yet available for the user’s plan.
- */
-export default function AccordionExampleKnowledgeBaseCategories() {
-  return (
-    <Accordion.Root type="single" layout="separate" defaultValue="basics" collapsible={false}>
-      <Accordion.Item value="basics">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={LifeBuoy} />
-            <span>Getting started</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            New here? Complete the workspace checklist, invite teammates, and connect your first
-            data source from the integrations directory.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="billing" disabled>
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={ShieldCheck} />
-            <span>Billing &amp; contracts (Enterprise)</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Contract terms and invoice history appear here when your organization upgrades.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="troubleshoot">
-        <Accordion.Header>
-          <Accordion.Trigger>
-            <Accordion.Icon as={FileQuestion} />
-            <span>Troubleshooting</span>
-            <Accordion.Arrow />
-          </Accordion.Trigger>
-        </Accordion.Header>
-        <Accordion.Content>
-          <Typography.Root as="p" variant="body-default" className={styles.lead}>
-            Common fixes: clear the local cache, verify outbound firewall rules for our API hosts,
-            and confirm your SDK is on a supported major version.
-          </Typography.Root>
-        </Accordion.Content>
-      </Accordion.Item>
-    </Accordion.Root>
-  );
-}