@kopexa/chip 3.0.4 → 3.0.6

package/dist/chunk-42TMQZWM.mjs

@@ -0,0 +1,61 @@
+"use client";
+
+// src/related-control-chip.tsx
+import {
+  ChevronsLeftRightEllipsisIcon,
+  EqualsIcon,
+  IntersectIcon,
+  PartialIcon,
+  SubsetIcon,
+  SupersetIcon
+} from "@kopexa/icons";
+import {
+  relatedControlChip
+} from "@kopexa/theme";
+import { Tooltip } from "@kopexa/tooltip";
+import * as Slot from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MappingIconMapper = {
+  EQUAL: /* @__PURE__ */ jsx(EqualsIcon, {}),
+  INTERSECT: /* @__PURE__ */ jsx(IntersectIcon, {}),
+  SUBSET: /* @__PURE__ */ jsx(SubsetIcon, {}),
+  PARTIAL: /* @__PURE__ */ jsx(PartialIcon, {}),
+  SUPERSET: /* @__PURE__ */ jsx(SupersetIcon, {})
+};
+var RelatedControlChip = ({
+  refCode,
+  mappingType,
+  relation,
+  asChild
+}) => {
+  const tooltipDisabled = !relation && !mappingType;
+  const Comp = asChild ? Slot.Root : "span";
+  const styles = relatedControlChip();
+  if (!tooltipDisabled) {
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        side: "top",
+        className: styles.tooltip(),
+        content: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: mappingType && /* @__PURE__ */ jsxs("div", { className: "flex gap-1 items-center", children: [
+          /* @__PURE__ */ jsx(ChevronsLeftRightEllipsisIcon, { size: 12 }),
+          /* @__PURE__ */ jsx("span", { children: "Mapping type" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `ml-4 flex w-2.5 h-2.5 justify-center items-center ${mappingType === "SUPERSET" ? "h-5 w-5" : "h-2.5 w-2.5"}`,
+              children: MappingIconMapper[mappingType]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "capitalize", children: mappingType.toLowerCase() })
+        ] }) }),
+        children: /* @__PURE__ */ jsx(Comp, { className: styles.root(), children: refCode })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Comp, { className: styles.root(), children: refCode });
+};
+
+export {
+  RelatedControlChip
+};

package/dist/chunk-YHRMEWSB.mjs

@@ -0,0 +1,36 @@
+"use client";
+
+// src/standard-chip.tsx
+import { standardChip } from "@kopexa/theme";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StandardChip = (props) => {
+  const {
+    className,
+    size,
+    radius,
+    color,
+    variant,
+    standard: standardProp,
+    ...rest
+  } = props;
+  let standard = standardProp;
+  if (standardChip.variants.standard[standardProp]) {
+    standard = standardProp;
+  }
+  const styles = standardChip({
+    size,
+    radius,
+    color,
+    variant,
+    className,
+    standard
+  });
+  return /* @__PURE__ */ jsxs("div", { className: styles.root(), ...rest, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.hexagon() }),
+    /* @__PURE__ */ jsx("span", { className: styles.content(), children: standard })
+  ] });
+};
+
+export {
+  StandardChip
+};

package/dist/index.d.mts

@@ -1,4 +1,6 @@
 export { Chip, ChipProps } from './chip.mjs';
+export { RelatedControlChip, RelatedControlChipProps } from './related-control-chip.mjs';
+export { StandardChip, StandardChipProps } from './standard-chip.mjs';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { Chip, ChipProps } from './chip.js';
+export { RelatedControlChip, RelatedControlChipProps } from './related-control-chip.js';
+export { StandardChip, StandardChipProps } from './standard-chip.js';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';

package/dist/index.js

@@ -1,8 +1,10 @@
 "use client";
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,12 +18,22 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Chip: () => Chip
+  Chip: () => Chip,
+  RelatedControlChip: () => RelatedControlChip,
+  StandardChip: () => StandardChip
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -126,7 +138,87 @@ var Chip = (props) => {
     }
   );
 };
+
+// src/related-control-chip.tsx
+var import_icons2 = require("@kopexa/icons");
+var import_theme2 = require("@kopexa/theme");
+var import_tooltip = require("@kopexa/tooltip");
+var Slot = __toESM(require("@radix-ui/react-slot"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MappingIconMapper = {
+  EQUAL: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.EqualsIcon, {}),
+  INTERSECT: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.IntersectIcon, {}),
+  SUBSET: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.SubsetIcon, {}),
+  PARTIAL: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.PartialIcon, {}),
+  SUPERSET: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.SupersetIcon, {})
+};
+var RelatedControlChip = ({
+  refCode,
+  mappingType,
+  relation,
+  asChild
+}) => {
+  const tooltipDisabled = !relation && !mappingType;
+  const Comp = asChild ? Slot.Root : "span";
+  const styles = (0, import_theme2.relatedControlChip)();
+  if (!tooltipDisabled) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_tooltip.Tooltip,
+      {
+        side: "top",
+        className: styles.tooltip(),
+        content: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-col gap-1", children: mappingType && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex gap-1 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.ChevronsLeftRightEllipsisIcon, { size: 12 }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Mapping type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "div",
+            {
+              className: `ml-4 flex w-2.5 h-2.5 justify-center items-center ${mappingType === "SUPERSET" ? "h-5 w-5" : "h-2.5 w-2.5"}`,
+              children: MappingIconMapper[mappingType]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "capitalize", children: mappingType.toLowerCase() })
+        ] }) }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { className: styles.root(), children: refCode })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { className: styles.root(), children: refCode });
+};
+
+// src/standard-chip.tsx
+var import_theme3 = require("@kopexa/theme");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var StandardChip = (props) => {
+  const {
+    className,
+    size,
+    radius,
+    color,
+    variant,
+    standard: standardProp,
+    ...rest
+  } = props;
+  let standard = standardProp;
+  if (import_theme3.standardChip.variants.standard[standardProp]) {
+    standard = standardProp;
+  }
+  const styles = (0, import_theme3.standardChip)({
+    size,
+    radius,
+    color,
+    variant,
+    className,
+    standard
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.root(), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.hexagon() }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.content(), children: standard })
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Chip
+  Chip,
+  RelatedControlChip,
+  StandardChip
 });

package/dist/index.mjs

@@ -2,6 +2,14 @@
 import {
   Chip
 } from "./chunk-DJQHDHYG.mjs";
+import {
+  RelatedControlChip
+} from "./chunk-42TMQZWM.mjs";
+import {
+  StandardChip
+} from "./chunk-YHRMEWSB.mjs";
 export {
-  Chip
+  Chip,
+  RelatedControlChip,
+  StandardChip
 };

package/dist/related-control-chip.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RelatedControlChipVariantsProps } from '@kopexa/theme';
+
+type MappingType = "EQUAL" | "INTERSECT" | "PARTIAL" | "SUBSET" | "SUPERSET";
+type RelatedControlChipProps = RelatedControlChipVariantsProps & {
+    refCode: string;
+    mappingType?: MappingType;
+    relation?: string | null;
+    /**
+     * Render the chip as a different component.
+     * @default false
+     * @example
+     * <RelatedControlChip asChild><Link to="/path">Link</Link></RelatedControlChip>
+     */
+    asChild?: boolean;
+};
+declare const RelatedControlChip: ({ refCode, mappingType, relation, asChild, }: RelatedControlChipProps) => react_jsx_runtime.JSX.Element;
+
+export { RelatedControlChip, type RelatedControlChipProps };

package/dist/related-control-chip.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RelatedControlChipVariantsProps } from '@kopexa/theme';
+
+type MappingType = "EQUAL" | "INTERSECT" | "PARTIAL" | "SUBSET" | "SUPERSET";
+type RelatedControlChipProps = RelatedControlChipVariantsProps & {
+    refCode: string;
+    mappingType?: MappingType;
+    relation?: string | null;
+    /**
+     * Render the chip as a different component.
+     * @default false
+     * @example
+     * <RelatedControlChip asChild><Link to="/path">Link</Link></RelatedControlChip>
+     */
+    asChild?: boolean;
+};
+declare const RelatedControlChip: ({ refCode, mappingType, relation, asChild, }: RelatedControlChipProps) => react_jsx_runtime.JSX.Element;
+
+export { RelatedControlChip, type RelatedControlChipProps };

package/dist/related-control-chip.js

@@ -0,0 +1,85 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/related-control-chip.tsx
+var related_control_chip_exports = {};
+__export(related_control_chip_exports, {
+  RelatedControlChip: () => RelatedControlChip
+});
+module.exports = __toCommonJS(related_control_chip_exports);
+var import_icons = require("@kopexa/icons");
+var import_theme = require("@kopexa/theme");
+var import_tooltip = require("@kopexa/tooltip");
+var Slot = __toESM(require("@radix-ui/react-slot"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var MappingIconMapper = {
+  EQUAL: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EqualsIcon, {}),
+  INTERSECT: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.IntersectIcon, {}),
+  SUBSET: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SubsetIcon, {}),
+  PARTIAL: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PartialIcon, {}),
+  SUPERSET: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SupersetIcon, {})
+};
+var RelatedControlChip = ({
+  refCode,
+  mappingType,
+  relation,
+  asChild
+}) => {
+  const tooltipDisabled = !relation && !mappingType;
+  const Comp = asChild ? Slot.Root : "span";
+  const styles = (0, import_theme.relatedControlChip)();
+  if (!tooltipDisabled) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tooltip.Tooltip,
+      {
+        side: "top",
+        className: styles.tooltip(),
+        content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-1", children: mappingType && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-1 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronsLeftRightEllipsisIcon, { size: 12 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Mapping type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: `ml-4 flex w-2.5 h-2.5 justify-center items-center ${mappingType === "SUPERSET" ? "h-5 w-5" : "h-2.5 w-2.5"}`,
+              children: MappingIconMapper[mappingType]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "capitalize", children: mappingType.toLowerCase() })
+        ] }) }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { className: styles.root(), children: refCode })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { className: styles.root(), children: refCode });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RelatedControlChip
+});

package/dist/related-control-chip.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  RelatedControlChip
+} from "./chunk-42TMQZWM.mjs";
+export {
+  RelatedControlChip
+};

package/dist/standard-chip.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StandardChipVariants } from '@kopexa/theme';
+import { ChipProps } from './chip.mjs';
+import 'react';
+
+type Omitted = "indicator" | "indicatorColor" | "startContent" | "endContent" | "standard";
+type BaseProps = ChipProps & StandardChipVariants;
+type StandardChipProps = Omit<BaseProps, Omitted> & {
+    standard: string;
+};
+declare const StandardChip: (props: StandardChipProps) => react_jsx_runtime.JSX.Element;
+
+export { StandardChip, type StandardChipProps };

package/dist/standard-chip.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StandardChipVariants } from '@kopexa/theme';
+import { ChipProps } from './chip.js';
+import 'react';
+
+type Omitted = "indicator" | "indicatorColor" | "startContent" | "endContent" | "standard";
+type BaseProps = ChipProps & StandardChipVariants;
+type StandardChipProps = Omit<BaseProps, Omitted> & {
+    standard: string;
+};
+declare const StandardChip: (props: StandardChipProps) => react_jsx_runtime.JSX.Element;
+
+export { StandardChip, type StandardChipProps };

package/dist/standard-chip.js

@@ -0,0 +1,59 @@
+"use client";
+"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/standard-chip.tsx
+var standard_chip_exports = {};
+__export(standard_chip_exports, {
+  StandardChip: () => StandardChip
+});
+module.exports = __toCommonJS(standard_chip_exports);
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var StandardChip = (props) => {
+  const {
+    className,
+    size,
+    radius,
+    color,
+    variant,
+    standard: standardProp,
+    ...rest
+  } = props;
+  let standard = standardProp;
+  if (import_theme.standardChip.variants.standard[standardProp]) {
+    standard = standardProp;
+  }
+  const styles = (0, import_theme.standardChip)({
+    size,
+    radius,
+    color,
+    variant,
+    className,
+    standard
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.root(), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.hexagon() }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.content(), children: standard })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StandardChip
+});

package/dist/standard-chip.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  StandardChip
+} from "./chunk-YHRMEWSB.mjs";
+export {
+  StandardChip
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/chip",
-  "version": "3.0.4",
+  "version": "3.0.6",
   "description": "A Chip is a small block of essential information that represent an input, attribute, or action.",
   "keywords": [
     "chip"
@@ -28,12 +28,14 @@
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
     "motion": ">=12.23.6",
-    "@kopexa/theme": "1.7.4"
+    "@kopexa/theme": "1.7.5"
   },
   "dependencies": {
-    "@kopexa/shared-utils": "1.1.5",
-    "@kopexa/react-utils": "2.0.6",
-    "@kopexa/icons": "10.0.4"
+    "@radix-ui/react-slot": "^1.2.3",
+    "@kopexa/shared-utils": "1.1.6",
+    "@kopexa/react-utils": "2.0.7",
+    "@kopexa/icons": "10.0.6",
+    "@kopexa/tooltip": "6.0.5"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",