@kopexa/theme 1.5.8 → 1.6.0

package/dist/components/page-layout.d.mts

@@ -51,6 +51,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
         normal: {
             wrapper: string;
@@ -58,6 +59,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
     };
     inModal: {
@@ -79,6 +81,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     pane: string;
     contentWrapper: string;
     content: string;
+    bleed: never[];
 }, undefined, {
     gap: {
         none: string;
@@ -129,6 +132,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
         normal: {
             wrapper: string;
@@ -136,6 +140,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
     };
     inModal: {
@@ -157,6 +162,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     pane: string;
     contentWrapper: string;
     content: string;
+    bleed: never[];
 }, tailwind_variants.TVReturnType<{
     gap: {
         none: string;
@@ -207,6 +213,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
         normal: {
             wrapper: string;
@@ -214,6 +221,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
     };
     inModal: {
@@ -235,6 +243,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     pane: string;
     contentWrapper: string;
     content: string;
+    bleed: never[];
 }, undefined, unknown, unknown, undefined>>;
 type PageLayoutVariantProps = VariantProps<typeof pageLayout>;
 type PageLayoutSlots = keyof ReturnType<typeof pageLayout>;

package/dist/components/page-layout.d.ts

@@ -51,6 +51,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
         normal: {
             wrapper: string;
@@ -58,6 +59,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
     };
     inModal: {
@@ -79,6 +81,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     pane: string;
     contentWrapper: string;
     content: string;
+    bleed: never[];
 }, undefined, {
     gap: {
         none: string;
@@ -129,6 +132,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
         normal: {
             wrapper: string;
@@ -136,6 +140,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
     };
     inModal: {
@@ -157,6 +162,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     pane: string;
     contentWrapper: string;
     content: string;
+    bleed: never[];
 }, tailwind_variants.TVReturnType<{
     gap: {
         none: string;
@@ -207,6 +213,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
         normal: {
             wrapper: string;
@@ -214,6 +221,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
             content: string;
             pane: string;
             footerContent: string;
+            bleed: string[];
         };
     };
     inModal: {
@@ -235,6 +243,7 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     pane: string;
     contentWrapper: string;
     content: string;
+    bleed: never[];
 }, undefined, unknown, unknown, undefined>>;
 type PageLayoutVariantProps = VariantProps<typeof pageLayout>;
 type PageLayoutSlots = keyof ReturnType<typeof pageLayout>;

package/dist/components/page-layout.js

@@ -27,7 +27,7 @@ var import_tailwind_variants = require("tailwind-variants");
 var pageLayout = (0, import_tailwind_variants.tv)({
   slots: {
     root: "",
-    wrapper: "flex mx-auto flex-wrap w-full",
+    wrapper: "flex flex-wrap w-full",
     baseContent: "flex flex-1 flex-wrap max-w-full",
     header: "w-full grow-0 shrink-0",
     footerWrapper: "w-full",
@@ -46,7 +46,8 @@ var pageLayout = (0, import_tailwind_variants.tv)({
     ],
     pane: "w-[var(--pane-width-size)] md:overflow-auto",
     contentWrapper: "flex min-w-px flex-col basis-0 grow shrink",
-    content: "w-full mx-auto grow h-full"
+    content: "w-full mx-auto grow h-full",
+    bleed: []
   },
   variants: {
     gap: {
@@ -74,14 +75,14 @@ var pageLayout = (0, import_tailwind_variants.tv)({
         content: "max-w-full"
       },
       md: {
-        wrapper: "max-w-3xl",
+        wrapper: "max-w-3xl mx-auto",
         content: "max-w-3xl"
       },
       lg: {
-        wrapper: "max-w-5xl"
+        wrapper: "max-w-5xl mx-auto"
       },
       xl: {
-        wrapper: "max-w-8xl",
+        wrapper: "max-w-8xl mx-auto",
         content: "max-w-8xl"
       }
     },
@@ -103,7 +104,8 @@ var pageLayout = (0, import_tailwind_variants.tv)({
         header: "p-4",
         content: "p-4",
         pane: "p-4",
-        footerContent: "p-4"
+        footerContent: "p-4",
+        bleed: ["-mx-4 p-4"]
       },
       // 1.5rem
       normal: {
@@ -111,7 +113,8 @@ var pageLayout = (0, import_tailwind_variants.tv)({
         header: "p-2 md:p-3",
         content: "p-2 md:p-3",
         pane: "p-2 md:p-3",
-        footerContent: "p-2 md:p-3"
+        footerContent: "p-2 md:p-3",
+        bleed: ["-mx-2 md:-mx-3 p-2 md:p-3"]
       }
     },
     inModal: {
@@ -126,7 +129,7 @@ var pageLayout = (0, import_tailwind_variants.tv)({
   defaultVariants: {
     width: "xl",
     spacing: "normal",
-    paneWidth: "md",
+    paneWidth: "lg",
     gap: "normal"
   }
 });

package/dist/components/page-layout.mjs

@@ -1,6 +1,6 @@
 import {
   pageLayout
-} from "../chunk-FLD2CUFZ.mjs";
+} from "../chunk-3IIJVON7.mjs";
 export {
   pageLayout
 };

package/dist/components/risk-indicator.d.mts

@@ -0,0 +1,76 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const riskIndicator: tailwind_variants.TVReturnType<{
+    level: {
+        none: string;
+        low: string;
+        medium: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    base: string;
+    bar: string;
+    barLow: string;
+    barMedium: string;
+    barHigh: string;
+    barInactive: string;
+    barHeight1: string;
+    barHeight2: string;
+    barHeight3: string;
+    barWidth: string;
+}, undefined, {
+    level: {
+        none: string;
+        low: string;
+        medium: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    base: string;
+    bar: string;
+    barLow: string;
+    barMedium: string;
+    barHigh: string;
+    barInactive: string;
+    barHeight1: string;
+    barHeight2: string;
+    barHeight3: string;
+    barWidth: string;
+}, tailwind_variants.TVReturnType<{
+    level: {
+        none: string;
+        low: string;
+        medium: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    base: string;
+    bar: string;
+    barLow: string;
+    barMedium: string;
+    barHigh: string;
+    barInactive: string;
+    barHeight1: string;
+    barHeight2: string;
+    barHeight3: string;
+    barWidth: string;
+}, undefined, unknown, unknown, undefined>>;
+type RiskIndicatorVariantProps = VariantProps<typeof riskIndicator>;
+
+export { type RiskIndicatorVariantProps, riskIndicator };

package/dist/components/risk-indicator.d.ts

@@ -0,0 +1,76 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const riskIndicator: tailwind_variants.TVReturnType<{
+    level: {
+        none: string;
+        low: string;
+        medium: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    base: string;
+    bar: string;
+    barLow: string;
+    barMedium: string;
+    barHigh: string;
+    barInactive: string;
+    barHeight1: string;
+    barHeight2: string;
+    barHeight3: string;
+    barWidth: string;
+}, undefined, {
+    level: {
+        none: string;
+        low: string;
+        medium: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    base: string;
+    bar: string;
+    barLow: string;
+    barMedium: string;
+    barHigh: string;
+    barInactive: string;
+    barHeight1: string;
+    barHeight2: string;
+    barHeight3: string;
+    barWidth: string;
+}, tailwind_variants.TVReturnType<{
+    level: {
+        none: string;
+        low: string;
+        medium: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    base: string;
+    bar: string;
+    barLow: string;
+    barMedium: string;
+    barHigh: string;
+    barInactive: string;
+    barHeight1: string;
+    barHeight2: string;
+    barHeight3: string;
+    barWidth: string;
+}, undefined, unknown, unknown, undefined>>;
+type RiskIndicatorVariantProps = VariantProps<typeof riskIndicator>;
+
+export { type RiskIndicatorVariantProps, riskIndicator };

package/dist/components/risk-indicator.js

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/risk-indicator.ts
+var risk_indicator_exports = {};
+__export(risk_indicator_exports, {
+  riskIndicator: () => riskIndicator
+});
+module.exports = __toCommonJS(risk_indicator_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "flex items-end gap-0.5",
+    bar: "rounded-sm",
+    barLow: "bg-green-500",
+    barMedium: "bg-yellow-500",
+    barHigh: "bg-red-500",
+    barInactive: "bg-gray-200",
+    barHeight1: "h-1/3",
+    barHeight2: "h-2/3",
+    barHeight3: "h-full",
+    barWidth: "w-1"
+  },
+  variants: {
+    level: {
+      none: "",
+      low: "",
+      medium: "",
+      high: ""
+    },
+    size: {
+      sm: "h-3",
+      md: "h-4",
+      lg: "h-5"
+    }
+  },
+  defaultVariants: {
+    level: "none",
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  riskIndicator
+});

package/dist/components/risk-indicator.mjs

@@ -0,0 +1,6 @@
+import {
+  riskIndicator
+} from "../chunk-CZMZHA7U.mjs";
+export {
+  riskIndicator
+};

package/dist/components/separator.d.mts

@@ -0,0 +1,22 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const separator: tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", {
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", unknown, unknown, undefined>>;
+type SeparatorVariantProps = VariantProps<typeof separator>;
+
+export { type SeparatorVariantProps, separator };

package/dist/components/separator.d.ts

@@ -0,0 +1,22 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const separator: tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", {
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", unknown, unknown, undefined>>;
+type SeparatorVariantProps = VariantProps<typeof separator>;
+
+export { type SeparatorVariantProps, separator };

package/dist/components/separator.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/separator.ts
+var separator_exports = {};
+__export(separator_exports, {
+  separator: () => separator
+});
+module.exports = __toCommonJS(separator_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var separator = (0, import_tailwind_variants.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: {
+      vertical: "",
+      horizontal: ""
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  separator
+});

package/dist/components/separator.mjs

@@ -0,0 +1,6 @@
+import {
+  separator
+} from "../chunk-IRKCLWJD.mjs";
+export {
+  separator
+};