@techsio/ui-kit 0.50.0 → 0.51.0

package/dist/stories/pages/data.d.ts

@@ -0,0 +1,179 @@
+/**
+ * Shared fixtures for the `Pages/*` composition stories.
+ *
+ * These stories document *layout and interaction patterns* for admin surfaces
+ * (CMS, e-shop back office, CRM). The data is intentionally small but shaped
+ * like real back-office data: stable ids, enum-ish statuses and ISO dates, so
+ * the DataTable column `meta.type` declarations stay honest.
+ */
+import type { TreeNode } from "../../src/molecules/tree-view.js";
+export declare const adminNav: TreeNode[];
+export declare const categoryTree: TreeNode[];
+export type ContentStatus = "published" | "draft" | "scheduled" | "archived";
+export type ContentEntry = {
+    id: string;
+    title: string;
+    slug: string;
+    section: string;
+    status: ContentStatus;
+    author: string;
+    updatedAt: string;
+    views: number;
+};
+export declare const contentStatusOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const sectionOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const contentEntries: ContentEntry[];
+export type ProductStatus = "active" | "draft" | "discontinued";
+export type Product = {
+    id: string;
+    sku: string;
+    name: string;
+    category: string;
+    price: number;
+    stock: number;
+    status: ProductStatus;
+    featured: boolean;
+    updatedAt: string;
+};
+export declare const productStatusOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const productCategoryOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const products: Product[];
+export type OrderStatus = "paid" | "pending" | "fulfilled" | "refunded" | "cancelled";
+export type Order = {
+    id: string;
+    number: string;
+    customer: string;
+    email: string;
+    channel: string;
+    items: number;
+    total: number;
+    status: OrderStatus;
+    placedAt: string;
+};
+export declare const orderStatusOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const channelOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const orders: Order[];
+export type OrderLine = {
+    id: string;
+    orderId: string;
+    product: string;
+    sku: string;
+    qty: number;
+    unitPrice: number;
+};
+export declare const orderLines: OrderLine[];
+export type CustomerTier = "lead" | "customer" | "vip" | "churned";
+export type Customer = {
+    id: string;
+    name: string;
+    company: string;
+    email: string;
+    phone: string;
+    tier: CustomerTier;
+    owner: string;
+    orders: number;
+    lifetimeValue: number;
+    lastActivity: string;
+};
+export declare const tierOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const ownerOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const customers: Customer[];
+export type ActivityEntry = {
+    id: string;
+    customerId: string;
+    kind: "note" | "email" | "call" | "order";
+    title: string;
+    detail: string;
+    at: string;
+};
+export declare const activities: ActivityEntry[];
+export type RevenuePoint = {
+    month: string;
+    revenue: number;
+    channel: string;
+};
+export declare const revenueByChannel: RevenuePoint[];
+export declare const currency: Intl.NumberFormat;
+export declare const compactNumber: Intl.NumberFormat;
+export type StorefrontProduct = {
+    id: string;
+    name: string;
+    brand: string;
+    price: string;
+    originalPrice?: string;
+    image: string;
+    rating: number;
+    reviewCount: number;
+    stock: "in-stock" | "limited-stock" | "out-of-stock";
+    stockLabel: string;
+    /** Facet data, so the category page can filter on more than brand. */
+    sizes: string[];
+    colors: string[];
+    badge?: {
+        label: string;
+        variant: "success" | "danger" | "info" | "outline";
+    };
+};
+export declare const storefrontProducts: StorefrontProduct[];
+export declare const productGallery: {
+    id: string;
+    src: string;
+    alt: string;
+}[];
+export declare const storefrontNav: {
+    id: string;
+    label: string;
+}[];
+export declare const brandFacets: {
+    label: string;
+    value: string;
+    count: number;
+}[];
+export declare const sizeFacets: string[];
+export declare const colorFacets: {
+    id: string;
+    color: string;
+    label: string;
+    count: number;
+}[];
+export declare const sortOptions: {
+    label: string;
+    value: string;
+}[];
+export type BoardCard = {
+    id: string;
+    title: string;
+    meta: string;
+    owner: string;
+    priority: "low" | "normal" | "high";
+};
+export declare const boardColumns: {
+    id: string;
+    title: string;
+    cards: BoardCard[];
+}[];
+//# sourceMappingURL=data.d.ts.map

package/dist/stories/pages/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../stories/pages/data.ts"],"names":[],"mappings":"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"}

package/dist/stories/pages/ecommerce-orders.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=ecommerce-orders.stories.d.ts.map

package/dist/stories/pages/ecommerce-orders.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ecommerce-orders.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/ecommerce-orders.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA0BtD,QAAA,MAAM,IAAI,EAAE,IAgCX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAsNrB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA"}

package/dist/stories/pages/frame.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Composable application-frame primitives for the `Pages/Layouts/*` stories.
+ *
+ * One `Frame` with four optional slots — top bar, leading panel, trailing
+ * panel, content — covers every shell arrangement an admin, shop or CRM
+ * needs. Panels are `<aside>`, navigation is `<nav>`, and the content column
+ * is the only scroll owner, so keyboard order matches reading order in every
+ * arrangement.
+ *
+ * Everything is assembled from @techsio/ui-kit components and semantic tokens;
+ * the plain elements here are layout containers only.
+ */
+import type { ReactNode } from "react";
+import { type IconType } from "../../src/atoms/icon.js";
+import { type TreeNode } from "../../src/molecules/tree-view.js";
+type FrameProps = {
+    /** Full-width bar above every column. */
+    top?: ReactNode;
+    /** Leading panel — primary navigation in a left-to-right reading order. */
+    left?: ReactNode;
+    /** Trailing panel — context, inspector, help, activity. */
+    right?: ReactNode;
+    /** Remove the content column's own padding (full-bleed workspaces). */
+    flush?: boolean;
+    children: ReactNode;
+};
+export declare function Frame({ top, left, right, flush, children }: FrameProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Narrow-screen escape hatch for the leading `Panel`, which is hidden below
+ * `lg`. Renders the trigger *and* the drawer, so a caller only has to drop it
+ * into the top bar — navigation is never unreachable on a phone.
+ */
+export declare function NavDrawer({ nav, selected, onSelect, defaultExpanded, }: NavListProps): import("react/jsx-runtime").JSX.Element;
+type PanelProps = {
+    /** Which edge the panel is docked to. */
+    side: "start" | "end";
+    /** `xs` ≈ icon rail, `sm` ≈ nav, `md` ≈ inspector, `lg` ≈ list pane. */
+    width?: "xs" | "sm" | "md" | "lg";
+    label: string;
+    children: ReactNode;
+};
+/**
+ * A docked side panel. Hidden below `lg` on purpose: a narrow viewport gets
+ * the content column, and the panel's job moves into a drawer or the top bar.
+ */
+export declare function Panel({ side, width, label, children }: PanelProps): import("react/jsx-runtime").JSX.Element;
+type NavListProps = {
+    nav: TreeNode[];
+    selected: string;
+    onSelect: (value: string) => void;
+    defaultExpanded?: string[];
+    label?: string;
+};
+/** Hierarchical navigation. TreeView owns keyboard, typeahead and expansion. */
+export declare function NavList({ nav, selected, onSelect, defaultExpanded, label, }: NavListProps): import("react/jsx-runtime").JSX.Element;
+export type RailItem = {
+    id: string;
+    label: string;
+    icon: IconType;
+};
+/**
+ * Icon-only navigation rail. Every target keeps a `Tooltip` *and* an
+ * `aria-label`: an icon alone is not a label, and a rail without names is only
+ * usable by people who already know the product.
+ */
+export declare function IconRail({ items, selected, onSelect, footer, }: {
+    items: RailItem[];
+    selected: string;
+    onSelect: (id: string) => void;
+    footer?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+type BrandProps = {
+    workspace?: string;
+    environment?: string;
+};
+/** Product identity block — the one place a user checks which tenant they are in. */
+export declare function Brand({ workspace, environment, }: BrandProps): import("react/jsx-runtime").JSX.Element;
+type TopBarProps = {
+    /** Leading slot — brand, back button, or a document title. */
+    start?: ReactNode;
+    /** Centre slot — global search or a horizontal nav. */
+    center?: ReactNode;
+    /** Trailing slot — account, notifications, help. */
+    end?: ReactNode;
+};
+/** Sticky global bar. Same three slots in every layout, so muscle memory holds. */
+export declare function TopBar({ start, center, end }: TopBarProps): import("react/jsx-runtime").JSX.Element;
+/** Global search, sized for a top bar. */
+export declare function GlobalSearch({ placeholder, }: {
+    placeholder?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Horizontal primary navigation for layouts without a sidebar. */
+export declare function TopNav({ items, selected, onSelect, }: {
+    items: {
+        id: string;
+        label: string;
+    }[];
+    selected: string;
+    onSelect: (id: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=frame.d.ts.map

package/dist/stories/pages/frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../stories/pages/frame.tsx"],"names":[],"mappings":"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"}

package/dist/stories/pages/layouts.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const SidebarLeft: Story;
+export declare const SidebarRight: Story;
+export declare const DualSidebar: Story;
+export declare const IconRailNav: Story;
+export declare const TopNavigation: Story;
+export declare const TopNavWithSubnav: Story;
+export declare const ThreePane: Story;
+export declare const FullBleedWorkspace: Story;
+export declare const CenteredColumn: Story;
+export declare const FocusedTask: Story;
+//# sourceMappingURL=layouts.stories.d.ts.map

package/dist/stories/pages/layouts.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/layouts.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA2CtD,QAAA,MAAM,IAAI,EAAE,IAuCX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA2QrB,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAkD1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA+EzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiC3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkD9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+GvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0DhC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA4E5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}

package/dist/stories/pages/media-library.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=media-library.stories.d.ts.map

package/dist/stories/pages/media-library.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-library.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/media-library.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAgCtD,QAAA,MAAM,IAAI,EAAE,IAgCX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAmerB,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAA"}

package/dist/stories/pages/order-detail.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=order-detail.stories.d.ts.map

package/dist/stories/pages/order-detail.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-detail.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/order-detail.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAgBtD,QAAA,MAAM,IAAI,EAAE,IAkCX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAiXrB,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAA"}

package/dist/stories/pages/settings.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=settings.stories.d.ts.map

package/dist/stories/pages/settings.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/settings.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA0BtD,QAAA,MAAM,IAAI,EAAE,IAgCX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAofrB,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAA"}

package/dist/stories/pages/shell.d.ts

@@ -0,0 +1,115 @@
+/**
+ * Reusable admin-shell scaffolding for the `Pages/*` composition stories.
+ *
+ * Nothing here is a new design-system component — it is the *layout layer* an
+ * app is expected to own: a sidebar + topbar frame, a page header, a card
+ * section, stat tiles and an empty state, all assembled from @techsio/ui-kit
+ * components and semantic tokens only. Copy these into an app and swap the
+ * fixtures for real data.
+ */
+import type { ReactNode } from "react";
+import { type IconType } from "../../src/atoms/icon.js";
+import { type TreeNode } from "../../src/molecules/tree-view.js";
+import { type BreadcrumbTemplateItem } from "../../src/templates/breadcrumb.js";
+type AdminShellProps = {
+    /** Navigation tree rendered in the sidebar. */
+    nav: TreeNode[];
+    /** Selected navigation node id (single-selection). */
+    selectedNav: string;
+    onNavChange?: (value: string) => void;
+    /** Branch ids expanded on first render. */
+    defaultExpandedNav?: string[];
+    /** Product/workspace name in the sidebar header. */
+    workspace?: string;
+    /** Environment hint next to the workspace name (staging, sandbox, …). */
+    environment?: string;
+    /** Trailing topbar controls — notifications, help, account menu. */
+    topbarActions?: ReactNode;
+    children: ReactNode;
+};
+/**
+ * Two-zone application frame: a persistent sidebar for navigation and a
+ * scrolling content column with a sticky topbar for global search + account.
+ *
+ * UX rules this encodes:
+ * - navigation lives in one place and never moves between screens;
+ * - global search is reachable from every screen without opening a menu;
+ * - the content column owns its own spacing so pages stay visually aligned.
+ */
+export declare function AdminShell({ nav, selectedNav, onNavChange, defaultExpandedNav, workspace, environment, topbarActions, children, }: AdminShellProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderProps = {
+    breadcrumb?: BreadcrumbTemplateItem[];
+    title: string;
+    description?: ReactNode;
+    /** Status/meta chips rendered beside the title. */
+    meta?: ReactNode;
+    /** Primary action last, secondary actions before it. */
+    actions?: ReactNode;
+};
+/**
+ * One page-level header per screen: where am I (breadcrumb), what is this
+ * (title + description), what can I do (actions, primary one last).
+ */
+export declare function PageHeader({ breadcrumb, title, description, meta, actions, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+type SectionCardProps = {
+    title?: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    /** Drop the card padding when the child owns its own edges (a table). */
+    flush?: boolean;
+    className?: string;
+    children?: ReactNode;
+};
+/** Bounded content block: one heading, one job, optional local actions. */
+export declare function SectionCard({ title, description, actions, flush, className, children, }: SectionCardProps): import("react/jsx-runtime").JSX.Element;
+type StatCardProps = {
+    label: string;
+    value: string;
+    /** Signed change vs. the previous period, already formatted. */
+    delta?: string;
+    trend?: "up" | "down" | "flat";
+    icon?: IconType;
+    hint?: string;
+};
+/** KPI tile — label first, value dominant, trend as a badge, never a chart. */
+export declare function StatCard({ label, value, delta, trend, icon, hint, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+/** Responsive KPI row — tiles wrap instead of shrinking below readability. */
+export declare function StatRow({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+type EmptyStateProps = {
+    icon?: IconType;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+};
+/** Empty result set: say what is missing and offer the one useful next step. */
+export declare function EmptyState({ icon, title, description, action, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+type BulkActionBarProps = {
+    count: number;
+    /** Actions applied to the selection; destructive ones last. */
+    children: ReactNode;
+    onClear: () => void;
+};
+/**
+ * Selection bar. It replaces nothing — it appears above the grid only while a
+ * selection exists, so the table's own toolbar never changes shape.
+ */
+export declare function BulkActionBar({ count, children, onClear, }: BulkActionBarProps): import("react/jsx-runtime").JSX.Element | null;
+type DetailItem = {
+    term: string;
+    value: ReactNode;
+};
+/** Read-only key/value block used in detail panes and drawers. */
+export declare function DetailList({ items }: {
+    items: DetailItem[];
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Status is a badge, not a coloured word: one variant per state, mapped in a
+ * single place so every screen tells the same colour story.
+ */
+export declare function StatusBadge({ status }: {
+    status: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=shell.d.ts.map

package/dist/stories/pages/shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../stories/pages/shell.tsx"],"names":[],"mappings":"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"}

package/dist/stories/pages/storefront-category.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const FilterRail: Story;
+export declare const FilterDrawer: Story;
+//# sourceMappingURL=storefront-category.stories.d.ts.map

package/dist/stories/pages/storefront-category.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storefront-category.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/storefront-category.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA2BtD,QAAA,MAAM,IAAI,EAAE,IA+BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA2mBrB,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAA"}

package/dist/stories/pages/storefront-product.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=storefront-product.stories.d.ts.map

package/dist/stories/pages/storefront-product.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storefront-product.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/storefront-product.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAoBtD,QAAA,MAAM,IAAI,EAAE,IA+BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAwSrB,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAA"}

package/dist/stories/pages/system-states.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const NotFound: Story;
+export declare const Forbidden: Story;
+export declare const ServerError: Story;
+export declare const Offline: Story;
+export declare const Maintenance: Story;
+export declare const LoadingPage: Story;
+export declare const FirstRun: Story;
+//# sourceMappingURL=system-states.stories.d.ts.map

package/dist/stories/pages/system-states.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-states.stories.d.ts","sourceRoot":"","sources":["../../../stories/pages/system-states.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAatD,QAAA,MAAM,IAAI,EAAE,IAgCX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAiErB,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA"}

package/dist/theme/theme-config.js

@@ -20,6 +20,13 @@ const THEMES = {
             "light"
         ],
         attr: "business"
+    },
+    akros: {
+        label: "Akros",
+        modes: [
+            "light"
+        ],
+        attr: "akros"
     }
 };
 const DEFAULT_BRAND = "base";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.50.0",
+  "version": "0.51.0",
   "license": "MIT",
   "type": "module",
   "repository": {