@kopexa/theme 1.7.4 → 1.7.6

package/dist/components/index.js

@@ -37,14 +37,17 @@ __export(components_exports, {
   dialog: () => dialog,
   drawer: () => drawer,
   dropdownMenu: () => dropdownMenu,
+  frameworkRow: () => frameworkRow,
   heading: () => heading,
   hoverCard: () => hoverCard,
   input: () => input,
+  integrationCard: () => integrationCard,
   pageHeader: () => pageHeader,
   pageLayout: () => pageLayout,
   passwordInput: () => passwordInput,
   popover: () => popover,
   previewCard: () => previewCard,
+  relatedControlChip: () => relatedControlChip,
   resizable: () => resizable,
   riskBadge: () => riskBadge,
   riskIndicator: () => riskIndicator,
@@ -57,6 +60,7 @@ __export(components_exports, {
   skeletonAvatar: () => skeletonAvatar,
   spinner: () => spinner,
   splitPageLayout: () => splitPageLayout,
+  standardChip: () => standardChip,
   tabNav: () => tabNav,
   table: () => table,
   tabs: () => tabs,
@@ -170,7 +174,7 @@ var popoverContentClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-foreground text-background",
+  default: "bg-default-100 text-foreground dark:bg-default-900",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -223,7 +227,7 @@ var colorVariants = {
 var avatar = (0, import_tailwind_variants3.tv)({
   slots: {
     root: [
-      "flex",
+      "flex w-min h-min",
       "relative",
       "justify-center",
       "items-center",
@@ -1622,9 +1626,23 @@ var dropdownMenu = (0, import_tailwind_variants17.tv)({
   }
 });
 
-// src/components/heading.ts
+// src/components/framework-row.ts
 var import_tailwind_variants18 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants18.tv)({
+var frameworkRow = (0, import_tailwind_variants18.tv)({
+  slots: {
+    root: "flex w-full items-start gap-3 py-2 first:pt-0 last:pb-0 border-b border-dotted last:border-0",
+    standardContainer: "shrink-0",
+    refCodeContainer: "flex flex-wrap gap-2",
+    toggleButton: [
+      "px-2 py-0.5 text-xs rounded-full border",
+      "bg-background text-muted-foreground hover:bg-muted/40"
+    ]
+  }
+});
+
+// src/components/heading.ts
+var import_tailwind_variants19 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants19.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -1641,8 +1659,8 @@ var heading = (0, import_tailwind_variants18.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants19 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants19.tv)({
+var import_tailwind_variants20 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants20.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -1657,14 +1675,14 @@ var hoverCard = (0, import_tailwind_variants19.tv)({
 });
 
 // src/components/input.ts
-var import_tailwind_variants20 = require("tailwind-variants");
-var passwordInput = (0, import_tailwind_variants20.tv)({
+var import_tailwind_variants21 = require("tailwind-variants");
+var passwordInput = (0, import_tailwind_variants21.tv)({
   slots: {
     button: "focus:outline-hidden",
     icon: "pointer-events-none text-muted-foreground"
   }
 });
-var input = (0, import_tailwind_variants20.tv)({
+var input = (0, import_tailwind_variants21.tv)({
   base: [],
   slots: {
     inputWrapper: [
@@ -1744,9 +1762,32 @@ var input = (0, import_tailwind_variants20.tv)({
   }
 });
 
+// src/components/integration-card.ts
+var import_tailwind_variants22 = require("tailwind-variants");
+var integrationCard = (0, import_tailwind_variants22.tv)({
+  slots: {
+    root: "",
+    header: "flex items-start justify-between gap-3",
+    headerContent: "flex min-w-0 items-center gap-3",
+    logoAndName: ["flex w-min items-center justify-center "],
+    headingContainer: "min-w-0",
+    heading: "truncate text-base font-semibold",
+    statusIndicatorContainer: "ml-auto",
+    description: "text-sm leading-relaxed text-muted-foreground break-words",
+    tagsContainer: "mt-2 flex flex-wrap gap-1.5",
+    footer: "mt-auto flex items-center justify-between border-t",
+    version: "text-xs text-muted-foreground",
+    websiteContainer: "flex items-center gap-2",
+    websiteLink: [
+      "inline-flex items-center gap-1 rounded-lg px-2.5 py-1 text-sm text-muted-foreground ring-1 ring-inset ring-ring transition hover:bg-primary-50 hover:text-primary-900"
+    ],
+    websiteIcons: "size-3.5"
+  }
+});
+
 // src/components/page-header.ts
-var import_tailwind_variants21 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants21.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants23.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -1781,8 +1822,8 @@ var pageHeader = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants24.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -1899,8 +1940,8 @@ var pageLayout = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants25.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -1911,8 +1952,8 @@ var popover = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants26.tv)({
   slots: {
     root: [
       "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
@@ -1952,9 +1993,20 @@ var previewCard = (0, import_tailwind_variants24.tv)({
   }
 });
 
+// src/components/related-control-chip.ts
+var import_tailwind_variants27 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants27.tv)({
+  slots: {
+    root: [
+      "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
+    ],
+    tooltip: "text-xs"
+  }
+});
+
 // src/components/resizable.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants28.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -1980,8 +2032,8 @@ var resizable = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants29.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -2020,8 +2072,8 @@ var riskBadge = (0, import_tailwind_variants26.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants30.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -2054,8 +2106,8 @@ var riskIndicator = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants31.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -2115,8 +2167,8 @@ var sectionRow = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants32.tv)({
   base: "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
   variants: {
     orientation: {
@@ -2128,8 +2180,8 @@ var separator = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants33.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
@@ -2217,7 +2269,7 @@ var sidebar = (0, import_tailwind_variants30.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants30.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants33.tv)({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
     "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
@@ -2269,7 +2321,7 @@ var sidebarMenuButton = (0, import_tailwind_variants30.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants30.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants33.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -2289,14 +2341,14 @@ var sidebarMenuAction = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants34.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants35.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -2313,8 +2365,8 @@ var skeletonAvatar = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants36 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants36.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -2431,8 +2483,8 @@ var spinner = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants37 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants37.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -2468,9 +2520,101 @@ var splitPageLayout = (0, import_tailwind_variants34.tv)({
   }
 });
 
+// src/components/standard-chip.ts
+var import_tailwind_variants38 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants38.tv)({
+  extend: chip,
+  slots: {
+    root: [
+      "inline-flex",
+      "gap-1",
+      "items-center",
+      "rounded-full",
+      "border border-border text-xs font-semibold transition-colors focus:outline-hidden h-fit shrink-0"
+    ],
+    hexagon: [
+      "size-2.5 bg-[currentColor] [clip-path:polygon(50%_0%,95%_25%,95%_75%,50%_100%,5%_75%,5%_25%)]"
+    ]
+  },
+  variants: {
+    standard: {
+      "ISO 27001": {
+        hexagon: "text-standard-iso27001"
+      },
+      "ISO/IEC 27001:2017": {
+        hexagon: "text-standard-iso27001"
+      },
+      "ISO 9001": {
+        hexagon: "text-standard-iso9001"
+      },
+      "ISO 14001": {
+        hexagon: "text-standard-iso14001"
+      },
+      "NIS 2": {
+        hexagon: "text-standard-nis2"
+      },
+      "NIST 800-53": {
+        hexagon: "text-standard-nist80053"
+      },
+      "NIST CSF": {
+        hexagon: "text-standard-nistcsf"
+      },
+      "SOC 2": {
+        hexagon: "text-standard-soc2"
+      },
+      "NIST SSDF": {
+        hexagon: "text-standard-nistssdf"
+      },
+      GDPR: {
+        hexagon: "text-standard-gdpr"
+      },
+      "CIS Benchmarks": {
+        hexagon: "text-standard-cis"
+      },
+      CCM: {
+        hexagon: "text-standard-ccm"
+      },
+      HIPAA: { hexagon: "text-standard-hipaa" },
+      HIPPA: { hexagon: "text-standard-hipaa" },
+      // alias for common misspelling
+      SOX: {
+        hexagon: "text-standard-sox"
+      },
+      /* EU & DE add-ons */
+      DORA: { hexagon: "text-standard-dora" },
+      "Cyber Resilience Act": { hexagon: "text-standard-cra" },
+      "EU AI Act": { hexagon: "text-standard-eu-aiact" },
+      "eIDAS 2.0": { hexagon: "text-standard-eidas2" },
+      "BSI IT-Grundschutz": { hexagon: "text-standard-bsi-itg" },
+      "KRITIS / IT-SiG 2.0": { hexagon: "text-standard-kritis" },
+      "BSI C5": { hexagon: "text-standard-bsi-c5" },
+      /* Industry & extended ISO */
+      TISAX: { hexagon: "text-standard-tisax" },
+      "PCI DSS": { hexagon: "text-standard-pci-dss" },
+      "IEC 62443": { hexagon: "text-standard-iec-62443" },
+      "ISO 27701": { hexagon: "text-standard-iso27701" },
+      "ISO 27017": { hexagon: "text-standard-iso27017" },
+      "ISO 27018": { hexagon: "text-standard-iso27018" },
+      "ISO 22301": { hexagon: "text-standard-iso22301" },
+      "ISO 20000-1": { hexagon: "text-standard-iso20000-1" },
+      CUSTOM: {
+        hexagon: "text-standard-custom"
+      }
+    },
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    }
+  },
+  defaultVariants: {
+    standard: "CUSTOM"
+  }
+});
+
 // src/components/tab-nav.ts
-var import_tailwind_variants35 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants35.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants39.tv)({
   slots: {
     base: "",
     list: [
@@ -2560,8 +2704,8 @@ var tabNav = (0, import_tailwind_variants35.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants36 = require("tailwind-variants");
-var table = (0, import_tailwind_variants36.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var table = (0, import_tailwind_variants40.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -2723,8 +2867,8 @@ var table = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants41.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -2761,11 +2905,11 @@ var tabs = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants42.tv)({
   slots: {
     content: [
-      "bg-primary text-primary-foreground",
+      "bg-primary-900 text-primary-foreground",
       "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       "z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",
       "rounded-md px-3 py-1.5 text-xs font-medium text-balance",
@@ -2792,14 +2936,17 @@ var tooltip = (0, import_tailwind_variants38.tv)({
   dialog,
   drawer,
   dropdownMenu,
+  frameworkRow,
   heading,
   hoverCard,
   input,
+  integrationCard,
   pageHeader,
   pageLayout,
   passwordInput,
   popover,
   previewCard,
+  relatedControlChip,
   resizable,
   riskBadge,
   riskIndicator,
@@ -2812,6 +2959,7 @@ var tooltip = (0, import_tailwind_variants38.tv)({
   skeletonAvatar,
   spinner,
   splitPageLayout,
+  standardChip,
   tabNav,
   table,
   tabs,

package/dist/components/index.mjs

@@ -1,7 +1,30 @@
-import "../chunk-MVXKHHAX.mjs";
+import "../chunk-MA4DKK64.mjs";
+import {
+  tabNav
+} from "../chunk-ZLM6Z3W2.mjs";
+import {
+  table
+} from "../chunk-YC2FQDBV.mjs";
+import {
+  tabs
+} from "../chunk-I6M4S2KZ.mjs";
+import {
+  tooltip
+} from "../chunk-OLYO7UPH.mjs";
+import {
+  sectionRow
+} from "../chunk-I4ZIT7EK.mjs";
+import {
+  separator
+} from "../chunk-VCLXE57S.mjs";
+import {
+  sidebar,
+  sidebarMenuAction,
+  sidebarMenuButton
+} from "../chunk-GA6UOB2D.mjs";
 import {
   skeletonAvatar
-} from "../chunk-HU3STCSK.mjs";
+} from "../chunk-ZL6FAOXE.mjs";
 import {
   skeleton
 } from "../chunk-VNQEJU4P.mjs";
@@ -12,23 +35,23 @@ import {
   splitPageLayout
 } from "../chunk-W7RJG22S.mjs";
 import {
-  tabNav
-} from "../chunk-ZLM6Z3W2.mjs";
-import {
-  table
-} from "../chunk-YC2FQDBV.mjs";
+  standardChip
+} from "../chunk-SHHD2WUZ.mjs";
 import {
-  tabs
-} from "../chunk-I6M4S2KZ.mjs";
+  pageHeader
+} from "../chunk-HAVJ6EQ6.mjs";
 import {
-  tooltip
-} from "../chunk-QDDPXEQO.mjs";
+  pageLayout
+} from "../chunk-OULAICSC.mjs";
 import {
   popover
 } from "../chunk-IKJHZT2S.mjs";
 import {
   previewCard
 } from "../chunk-WPOYEHD2.mjs";
+import {
+  relatedControlChip
+} from "../chunk-7BZAMXH2.mjs";
 import {
   resizable
 } from "../chunk-RV656WRF.mjs";
@@ -38,23 +61,15 @@ import {
 import {
   riskIndicator
 } from "../chunk-CZMZHA7U.mjs";
-import {
-  sectionRow
-} from "../chunk-I4ZIT7EK.mjs";
-import {
-  separator
-} from "../chunk-VCLXE57S.mjs";
-import {
-  sidebar,
-  sidebarMenuAction,
-  sidebarMenuButton
-} from "../chunk-GA6UOB2D.mjs";
 import {
   drawer
 } from "../chunk-TJDRYBGW.mjs";
 import {
   dropdownMenu
 } from "../chunk-EXBKQDH5.mjs";
+import {
+  frameworkRow
+} from "../chunk-TPFAZH22.mjs";
 import {
   heading
 } from "../chunk-NWKBPO37.mjs";
@@ -66,11 +81,8 @@ import {
   passwordInput
 } from "../chunk-UMSU2ZEG.mjs";
 import {
-  pageHeader
-} from "../chunk-HAVJ6EQ6.mjs";
-import {
-  pageLayout
-} from "../chunk-OULAICSC.mjs";
+  integrationCard
+} from "../chunk-QOW6FLZ6.mjs";
 import {
   callout
 } from "../chunk-XAHAVJUM.mjs";
@@ -82,10 +94,10 @@ import {
 } from "../chunk-A4KO7QKC.mjs";
 import {
   chip
-} from "../chunk-CQZMQVAO.mjs";
+} from "../chunk-JHKTRIIA.mjs";
 import {
   code
-} from "../chunk-KRTETJ33.mjs";
+} from "../chunk-ROZ24JVQ.mjs";
 import {
   command
 } from "../chunk-YPHFKGNI.mjs";
@@ -106,15 +118,15 @@ import {
 } from "../chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "../chunk-CWX7ZJ4B.mjs";
+} from "../chunk-JQ74U2S3.mjs";
 import {
   blankstate
 } from "../chunk-DICHD74Q.mjs";
 import {
   button
-} from "../chunk-HALNIEC7.mjs";
+} from "../chunk-U32YEQZ5.mjs";
 import "../chunk-UEMJVVVF.mjs";
-import "../chunk-V5U46MEN.mjs";
+import "../chunk-WSEO3MLK.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
@@ -136,14 +148,17 @@ export {
   dialog,
   drawer,
   dropdownMenu,
+  frameworkRow,
   heading,
   hoverCard,
   input,
+  integrationCard,
   pageHeader,
   pageLayout,
   passwordInput,
   popover,
   previewCard,
+  relatedControlChip,
   resizable,
   riskBadge,
   riskIndicator,
@@ -156,6 +171,7 @@ export {
   skeletonAvatar,
   spinner,
   splitPageLayout,
+  standardChip,
   tabNav,
   table,
   tabs,