cortex-react-components 3.3.0 → 4.0.3

package/dist/components/DigitalColleagues/DigitalColleageusLayout.js

@@ -1,4417 +0,0 @@
-"use client";
-"use strict";
-"use client"
-
-"use strict";
-"use client";
-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/components/DigitalColleagues/DigitalColleageusLayout.tsx
-var DigitalColleageusLayout_exports = {};
-__export(DigitalColleageusLayout_exports, {
-  DigitalColleageusLayout: () => DigitalColleageusLayout
-});
-module.exports = __toCommonJS(DigitalColleageusLayout_exports);
-var import_react6 = require("react");
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-
-// node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var CLASS_PART_SEPARATOR = "-";
-var createClassGroupUtils = (config) => {
-  const classMap = createClassMap(config);
-  const {
-    conflictingClassGroups,
-    conflictingClassGroupModifiers
-  } = config;
-  const getClassGroupId = (className) => {
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    if (classParts[0] === "" && classParts.length !== 1) {
-      classParts.shift();
-    }
-    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    const conflicts = conflictingClassGroups[classGroupId] || [];
-    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
-    }
-    return conflicts;
-  };
-  return {
-    getClassGroupId,
-    getConflictingClassGroupIds
-  };
-};
-var getGroupRecursive = (classParts, classPartObject) => {
-  if (classParts.length === 0) {
-    return classPartObject.classGroupId;
-  }
-  const currentClassPart = classParts[0];
-  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
-  if (classGroupFromNextClassPart) {
-    return classGroupFromNextClassPart;
-  }
-  if (classPartObject.validators.length === 0) {
-    return void 0;
-  }
-  const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return classPartObject.validators.find(({
-    validator
-  }) => validator(classRest))?.classGroupId;
-};
-var arbitraryPropertyRegex = /^\[(.+)\]$/;
-var getGroupIdForArbitraryProperty = (className) => {
-  if (arbitraryPropertyRegex.test(className)) {
-    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
-    if (property) {
-      return "arbitrary.." + property;
-    }
-  }
-};
-var createClassMap = (config) => {
-  const {
-    theme,
-    prefix
-  } = config;
-  const classMap = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
-  const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
-  prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
-    processClassesRecursively(classGroup, classMap, classGroupId, theme);
-  });
-  return classMap;
-};
-var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-  classGroup.forEach((classDefinition) => {
-    if (typeof classDefinition === "string") {
-      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-      classPartObjectToEdit.classGroupId = classGroupId;
-      return;
-    }
-    if (typeof classDefinition === "function") {
-      if (isThemeGetter(classDefinition)) {
-        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
-        return;
-      }
-      classPartObject.validators.push({
-        validator: classDefinition,
-        classGroupId
-      });
-      return;
-    }
-    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
-      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
-    });
-  });
-};
-var getPart = (classPartObject, path) => {
-  let currentClassPartObject = classPartObject;
-  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
-    if (!currentClassPartObject.nextPart.has(pathPart)) {
-      currentClassPartObject.nextPart.set(pathPart, {
-        nextPart: /* @__PURE__ */ new Map(),
-        validators: []
-      });
-    }
-    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
-  });
-  return currentClassPartObject;
-};
-var isThemeGetter = (func) => func.isThemeGetter;
-var getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
-  if (!prefix) {
-    return classGroupEntries;
-  }
-  return classGroupEntries.map(([classGroupId, classGroup]) => {
-    const prefixedClassGroup = classGroup.map((classDefinition) => {
-      if (typeof classDefinition === "string") {
-        return prefix + classDefinition;
-      }
-      if (typeof classDefinition === "object") {
-        return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
-      }
-      return classDefinition;
-    });
-    return [classGroupId, prefixedClassGroup];
-  });
-};
-var createLruCache = (maxCacheSize) => {
-  if (maxCacheSize < 1) {
-    return {
-      get: () => void 0,
-      set: () => {
-      }
-    };
-  }
-  let cacheSize = 0;
-  let cache = /* @__PURE__ */ new Map();
-  let previousCache = /* @__PURE__ */ new Map();
-  const update = (key, value) => {
-    cache.set(key, value);
-    cacheSize++;
-    if (cacheSize > maxCacheSize) {
-      cacheSize = 0;
-      previousCache = cache;
-      cache = /* @__PURE__ */ new Map();
-    }
-  };
-  return {
-    get(key) {
-      let value = cache.get(key);
-      if (value !== void 0) {
-        return value;
-      }
-      if ((value = previousCache.get(key)) !== void 0) {
-        update(key, value);
-        return value;
-      }
-    },
-    set(key, value) {
-      if (cache.has(key)) {
-        cache.set(key, value);
-      } else {
-        update(key, value);
-      }
-    }
-  };
-};
-var IMPORTANT_MODIFIER = "!";
-var createParseClassName = (config) => {
-  const {
-    separator,
-    experimentalParseClassName
-  } = config;
-  const isSeparatorSingleCharacter = separator.length === 1;
-  const firstSeparatorCharacter = separator[0];
-  const separatorLength = separator.length;
-  const parseClassName = (className) => {
-    const modifiers = [];
-    let bracketDepth = 0;
-    let modifierStart = 0;
-    let postfixModifierPosition;
-    for (let index = 0; index < className.length; index++) {
-      let currentCharacter = className[index];
-      if (bracketDepth === 0) {
-        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
-          modifiers.push(className.slice(modifierStart, index));
-          modifierStart = index + separatorLength;
-          continue;
-        }
-        if (currentCharacter === "/") {
-          postfixModifierPosition = index;
-          continue;
-        }
-      }
-      if (currentCharacter === "[") {
-        bracketDepth++;
-      } else if (currentCharacter === "]") {
-        bracketDepth--;
-      }
-    }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-    const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
-    const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
-    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-    return {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    };
-  };
-  if (experimentalParseClassName) {
-    return (className) => experimentalParseClassName({
-      className,
-      parseClassName
-    });
-  }
-  return parseClassName;
-};
-var sortModifiers = (modifiers) => {
-  if (modifiers.length <= 1) {
-    return modifiers;
-  }
-  const sortedModifiers = [];
-  let unsortedModifiers = [];
-  modifiers.forEach((modifier) => {
-    const isArbitraryVariant = modifier[0] === "[";
-    if (isArbitraryVariant) {
-      sortedModifiers.push(...unsortedModifiers.sort(), modifier);
-      unsortedModifiers = [];
-    } else {
-      unsortedModifiers.push(modifier);
-    }
-  });
-  sortedModifiers.push(...unsortedModifiers.sort());
-  return sortedModifiers;
-};
-var createConfigUtils = (config) => ({
-  cache: createLruCache(config.cacheSize),
-  parseClassName: createParseClassName(config),
-  ...createClassGroupUtils(config)
-});
-var SPLIT_CLASSES_REGEX = /\s+/;
-var mergeClassList = (classList, configUtils) => {
-  const {
-    parseClassName,
-    getClassGroupId,
-    getConflictingClassGroupIds
-  } = configUtils;
-  const classGroupsInConflict = [];
-  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
-  let result = "";
-  for (let index = classNames.length - 1; index >= 0; index -= 1) {
-    const originalClassName = classNames[index];
-    const {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    } = parseClassName(originalClassName);
-    let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
-    let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
-    if (!classGroupId) {
-      if (!hasPostfixModifier) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
-      }
-      classGroupId = getClassGroupId(baseClassName);
-      if (!classGroupId) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
-      }
-      hasPostfixModifier = false;
-    }
-    const variantModifier = sortModifiers(modifiers).join(":");
-    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-    const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
-      continue;
-    }
-    classGroupsInConflict.push(classId);
-    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
-    for (let i = 0; i < conflictGroups.length; ++i) {
-      const group = conflictGroups[i];
-      classGroupsInConflict.push(modifierId + group);
-    }
-    result = originalClassName + (result.length > 0 ? " " + result : result);
-  }
-  return result;
-};
-function twJoin() {
-  let index = 0;
-  let argument;
-  let resolvedValue;
-  let string = "";
-  while (index < arguments.length) {
-    if (argument = arguments[index++]) {
-      if (resolvedValue = toValue(argument)) {
-        string && (string += " ");
-        string += resolvedValue;
-      }
-    }
-  }
-  return string;
-}
-var toValue = (mix) => {
-  if (typeof mix === "string") {
-    return mix;
-  }
-  let resolvedValue;
-  let string = "";
-  for (let k = 0; k < mix.length; k++) {
-    if (mix[k]) {
-      if (resolvedValue = toValue(mix[k])) {
-        string && (string += " ");
-        string += resolvedValue;
-      }
-    }
-  }
-  return string;
-};
-function createTailwindMerge(createConfigFirst, ...createConfigRest) {
-  let configUtils;
-  let cacheGet;
-  let cacheSet;
-  let functionToCall = initTailwindMerge;
-  function initTailwindMerge(classList) {
-    const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
-    configUtils = createConfigUtils(config);
-    cacheGet = configUtils.cache.get;
-    cacheSet = configUtils.cache.set;
-    functionToCall = tailwindMerge;
-    return tailwindMerge(classList);
-  }
-  function tailwindMerge(classList) {
-    const cachedResult = cacheGet(classList);
-    if (cachedResult) {
-      return cachedResult;
-    }
-    const result = mergeClassList(classList, configUtils);
-    cacheSet(classList, result);
-    return result;
-  }
-  return function callTailwindMerge() {
-    return functionToCall(twJoin.apply(null, arguments));
-  };
-}
-var fromTheme = (key) => {
-  const themeGetter = (theme) => theme[key] || [];
-  themeGetter.isThemeGetter = true;
-  return themeGetter;
-};
-var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
-var fractionRegex = /^\d+\/\d+$/;
-var stringLengths = /* @__PURE__ */ new Set(["px", "full", "screen"]);
-var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
-var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
-var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
-var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
-var isLength = (value) => isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
-var isArbitraryLength = (value) => getIsArbitraryValue(value, "length", isLengthOnly);
-var isNumber = (value) => Boolean(value) && !Number.isNaN(Number(value));
-var isArbitraryNumber = (value) => getIsArbitraryValue(value, "number", isNumber);
-var isInteger = (value) => Boolean(value) && Number.isInteger(Number(value));
-var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
-var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
-var isTshirtSize = (value) => tshirtUnitRegex.test(value);
-var sizeLabels = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
-var isArbitrarySize = (value) => getIsArbitraryValue(value, sizeLabels, isNever);
-var isArbitraryPosition = (value) => getIsArbitraryValue(value, "position", isNever);
-var imageLabels = /* @__PURE__ */ new Set(["image", "url"]);
-var isArbitraryImage = (value) => getIsArbitraryValue(value, imageLabels, isImage);
-var isArbitraryShadow = (value) => getIsArbitraryValue(value, "", isShadow);
-var isAny = () => true;
-var getIsArbitraryValue = (value, label, testValue) => {
-  const result = arbitraryValueRegex.exec(value);
-  if (result) {
-    if (result[1]) {
-      return typeof label === "string" ? result[1] === label : label.has(result[1]);
-    }
-    return testValue(result[2]);
-  }
-  return false;
-};
-var isLengthOnly = (value) => (
-  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
-  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
-  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  lengthUnitRegex.test(value) && !colorFunctionRegex.test(value)
-);
-var isNever = () => false;
-var isShadow = (value) => shadowRegex.test(value);
-var isImage = (value) => imageRegex.test(value);
-var getDefaultConfig = () => {
-  const colors = fromTheme("colors");
-  const spacing = fromTheme("spacing");
-  const blur = fromTheme("blur");
-  const brightness = fromTheme("brightness");
-  const borderColor = fromTheme("borderColor");
-  const borderRadius = fromTheme("borderRadius");
-  const borderSpacing = fromTheme("borderSpacing");
-  const borderWidth = fromTheme("borderWidth");
-  const contrast = fromTheme("contrast");
-  const grayscale = fromTheme("grayscale");
-  const hueRotate = fromTheme("hueRotate");
-  const invert = fromTheme("invert");
-  const gap = fromTheme("gap");
-  const gradientColorStops = fromTheme("gradientColorStops");
-  const gradientColorStopPositions = fromTheme("gradientColorStopPositions");
-  const inset = fromTheme("inset");
-  const margin = fromTheme("margin");
-  const opacity = fromTheme("opacity");
-  const padding = fromTheme("padding");
-  const saturate = fromTheme("saturate");
-  const scale = fromTheme("scale");
-  const sepia = fromTheme("sepia");
-  const skew = fromTheme("skew");
-  const space = fromTheme("space");
-  const translate = fromTheme("translate");
-  const getOverscroll = () => ["auto", "contain", "none"];
-  const getOverflow = () => ["auto", "hidden", "clip", "visible", "scroll"];
-  const getSpacingWithAutoAndArbitrary = () => ["auto", isArbitraryValue, spacing];
-  const getSpacingWithArbitrary = () => [isArbitraryValue, spacing];
-  const getLengthWithEmptyAndArbitrary = () => ["", isLength, isArbitraryLength];
-  const getNumberWithAutoAndArbitrary = () => ["auto", isNumber, isArbitraryValue];
-  const getPositions = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"];
-  const getLineStyles = () => ["solid", "dashed", "dotted", "double", "none"];
-  const getBlendModes = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"];
-  const getAlign = () => ["start", "end", "center", "between", "around", "evenly", "stretch"];
-  const getZeroAndEmpty = () => ["", "0", isArbitraryValue];
-  const getBreaks = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
-  const getNumberAndArbitrary = () => [isNumber, isArbitraryValue];
-  return {
-    cacheSize: 500,
-    separator: ":",
-    theme: {
-      colors: [isAny],
-      spacing: [isLength, isArbitraryLength],
-      blur: ["none", "", isTshirtSize, isArbitraryValue],
-      brightness: getNumberAndArbitrary(),
-      borderColor: [colors],
-      borderRadius: ["none", "", "full", isTshirtSize, isArbitraryValue],
-      borderSpacing: getSpacingWithArbitrary(),
-      borderWidth: getLengthWithEmptyAndArbitrary(),
-      contrast: getNumberAndArbitrary(),
-      grayscale: getZeroAndEmpty(),
-      hueRotate: getNumberAndArbitrary(),
-      invert: getZeroAndEmpty(),
-      gap: getSpacingWithArbitrary(),
-      gradientColorStops: [colors],
-      gradientColorStopPositions: [isPercent, isArbitraryLength],
-      inset: getSpacingWithAutoAndArbitrary(),
-      margin: getSpacingWithAutoAndArbitrary(),
-      opacity: getNumberAndArbitrary(),
-      padding: getSpacingWithArbitrary(),
-      saturate: getNumberAndArbitrary(),
-      scale: getNumberAndArbitrary(),
-      sepia: getZeroAndEmpty(),
-      skew: getNumberAndArbitrary(),
-      space: getSpacingWithArbitrary(),
-      translate: getSpacingWithArbitrary()
-    },
-    classGroups: {
-      // Layout
-      /**
-       * Aspect Ratio
-       * @see https://tailwindcss.com/docs/aspect-ratio
-       */
-      aspect: [{
-        aspect: ["auto", "square", "video", isArbitraryValue]
-      }],
-      /**
-       * Container
-       * @see https://tailwindcss.com/docs/container
-       */
-      container: ["container"],
-      /**
-       * Columns
-       * @see https://tailwindcss.com/docs/columns
-       */
-      columns: [{
-        columns: [isTshirtSize]
-      }],
-      /**
-       * Break After
-       * @see https://tailwindcss.com/docs/break-after
-       */
-      "break-after": [{
-        "break-after": getBreaks()
-      }],
-      /**
-       * Break Before
-       * @see https://tailwindcss.com/docs/break-before
-       */
-      "break-before": [{
-        "break-before": getBreaks()
-      }],
-      /**
-       * Break Inside
-       * @see https://tailwindcss.com/docs/break-inside
-       */
-      "break-inside": [{
-        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
-      }],
-      /**
-       * Box Decoration Break
-       * @see https://tailwindcss.com/docs/box-decoration-break
-       */
-      "box-decoration": [{
-        "box-decoration": ["slice", "clone"]
-      }],
-      /**
-       * Box Sizing
-       * @see https://tailwindcss.com/docs/box-sizing
-       */
-      box: [{
-        box: ["border", "content"]
-      }],
-      /**
-       * Display
-       * @see https://tailwindcss.com/docs/display
-       */
-      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
-      /**
-       * Floats
-       * @see https://tailwindcss.com/docs/float
-       */
-      float: [{
-        float: ["right", "left", "none", "start", "end"]
-      }],
-      /**
-       * Clear
-       * @see https://tailwindcss.com/docs/clear
-       */
-      clear: [{
-        clear: ["left", "right", "both", "none", "start", "end"]
-      }],
-      /**
-       * Isolation
-       * @see https://tailwindcss.com/docs/isolation
-       */
-      isolation: ["isolate", "isolation-auto"],
-      /**
-       * Object Fit
-       * @see https://tailwindcss.com/docs/object-fit
-       */
-      "object-fit": [{
-        object: ["contain", "cover", "fill", "none", "scale-down"]
-      }],
-      /**
-       * Object Position
-       * @see https://tailwindcss.com/docs/object-position
-       */
-      "object-position": [{
-        object: [...getPositions(), isArbitraryValue]
-      }],
-      /**
-       * Overflow
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      overflow: [{
-        overflow: getOverflow()
-      }],
-      /**
-       * Overflow X
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-x": [{
-        "overflow-x": getOverflow()
-      }],
-      /**
-       * Overflow Y
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-y": [{
-        "overflow-y": getOverflow()
-      }],
-      /**
-       * Overscroll Behavior
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      overscroll: [{
-        overscroll: getOverscroll()
-      }],
-      /**
-       * Overscroll Behavior X
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-x": [{
-        "overscroll-x": getOverscroll()
-      }],
-      /**
-       * Overscroll Behavior Y
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-y": [{
-        "overscroll-y": getOverscroll()
-      }],
-      /**
-       * Position
-       * @see https://tailwindcss.com/docs/position
-       */
-      position: ["static", "fixed", "absolute", "relative", "sticky"],
-      /**
-       * Top / Right / Bottom / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      inset: [{
-        inset: [inset]
-      }],
-      /**
-       * Right / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-x": [{
-        "inset-x": [inset]
-      }],
-      /**
-       * Top / Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-y": [{
-        "inset-y": [inset]
-      }],
-      /**
-       * Start
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      start: [{
-        start: [inset]
-      }],
-      /**
-       * End
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      end: [{
-        end: [inset]
-      }],
-      /**
-       * Top
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      top: [{
-        top: [inset]
-      }],
-      /**
-       * Right
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      right: [{
-        right: [inset]
-      }],
-      /**
-       * Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      bottom: [{
-        bottom: [inset]
-      }],
-      /**
-       * Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      left: [{
-        left: [inset]
-      }],
-      /**
-       * Visibility
-       * @see https://tailwindcss.com/docs/visibility
-       */
-      visibility: ["visible", "invisible", "collapse"],
-      /**
-       * Z-Index
-       * @see https://tailwindcss.com/docs/z-index
-       */
-      z: [{
-        z: ["auto", isInteger, isArbitraryValue]
-      }],
-      // Flexbox and Grid
-      /**
-       * Flex Basis
-       * @see https://tailwindcss.com/docs/flex-basis
-       */
-      basis: [{
-        basis: getSpacingWithAutoAndArbitrary()
-      }],
-      /**
-       * Flex Direction
-       * @see https://tailwindcss.com/docs/flex-direction
-       */
-      "flex-direction": [{
-        flex: ["row", "row-reverse", "col", "col-reverse"]
-      }],
-      /**
-       * Flex Wrap
-       * @see https://tailwindcss.com/docs/flex-wrap
-       */
-      "flex-wrap": [{
-        flex: ["wrap", "wrap-reverse", "nowrap"]
-      }],
-      /**
-       * Flex
-       * @see https://tailwindcss.com/docs/flex
-       */
-      flex: [{
-        flex: ["1", "auto", "initial", "none", isArbitraryValue]
-      }],
-      /**
-       * Flex Grow
-       * @see https://tailwindcss.com/docs/flex-grow
-       */
-      grow: [{
-        grow: getZeroAndEmpty()
-      }],
-      /**
-       * Flex Shrink
-       * @see https://tailwindcss.com/docs/flex-shrink
-       */
-      shrink: [{
-        shrink: getZeroAndEmpty()
-      }],
-      /**
-       * Order
-       * @see https://tailwindcss.com/docs/order
-       */
-      order: [{
-        order: ["first", "last", "none", isInteger, isArbitraryValue]
-      }],
-      /**
-       * Grid Template Columns
-       * @see https://tailwindcss.com/docs/grid-template-columns
-       */
-      "grid-cols": [{
-        "grid-cols": [isAny]
-      }],
-      /**
-       * Grid Column Start / End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start-end": [{
-        col: ["auto", {
-          span: ["full", isInteger, isArbitraryValue]
-        }, isArbitraryValue]
-      }],
-      /**
-       * Grid Column Start
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start": [{
-        "col-start": getNumberWithAutoAndArbitrary()
-      }],
-      /**
-       * Grid Column End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-end": [{
-        "col-end": getNumberWithAutoAndArbitrary()
-      }],
-      /**
-       * Grid Template Rows
-       * @see https://tailwindcss.com/docs/grid-template-rows
-       */
-      "grid-rows": [{
-        "grid-rows": [isAny]
-      }],
-      /**
-       * Grid Row Start / End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start-end": [{
-        row: ["auto", {
-          span: [isInteger, isArbitraryValue]
-        }, isArbitraryValue]
-      }],
-      /**
-       * Grid Row Start
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start": [{
-        "row-start": getNumberWithAutoAndArbitrary()
-      }],
-      /**
-       * Grid Row End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-end": [{
-        "row-end": getNumberWithAutoAndArbitrary()
-      }],
-      /**
-       * Grid Auto Flow
-       * @see https://tailwindcss.com/docs/grid-auto-flow
-       */
-      "grid-flow": [{
-        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
-      }],
-      /**
-       * Grid Auto Columns
-       * @see https://tailwindcss.com/docs/grid-auto-columns
-       */
-      "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", isArbitraryValue]
-      }],
-      /**
-       * Grid Auto Rows
-       * @see https://tailwindcss.com/docs/grid-auto-rows
-       */
-      "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", isArbitraryValue]
-      }],
-      /**
-       * Gap
-       * @see https://tailwindcss.com/docs/gap
-       */
-      gap: [{
-        gap: [gap]
-      }],
-      /**
-       * Gap X
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-x": [{
-        "gap-x": [gap]
-      }],
-      /**
-       * Gap Y
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-y": [{
-        "gap-y": [gap]
-      }],
-      /**
-       * Justify Content
-       * @see https://tailwindcss.com/docs/justify-content
-       */
-      "justify-content": [{
-        justify: ["normal", ...getAlign()]
-      }],
-      /**
-       * Justify Items
-       * @see https://tailwindcss.com/docs/justify-items
-       */
-      "justify-items": [{
-        "justify-items": ["start", "end", "center", "stretch"]
-      }],
-      /**
-       * Justify Self
-       * @see https://tailwindcss.com/docs/justify-self
-       */
-      "justify-self": [{
-        "justify-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      /**
-       * Align Content
-       * @see https://tailwindcss.com/docs/align-content
-       */
-      "align-content": [{
-        content: ["normal", ...getAlign(), "baseline"]
-      }],
-      /**
-       * Align Items
-       * @see https://tailwindcss.com/docs/align-items
-       */
-      "align-items": [{
-        items: ["start", "end", "center", "baseline", "stretch"]
-      }],
-      /**
-       * Align Self
-       * @see https://tailwindcss.com/docs/align-self
-       */
-      "align-self": [{
-        self: ["auto", "start", "end", "center", "stretch", "baseline"]
-      }],
-      /**
-       * Place Content
-       * @see https://tailwindcss.com/docs/place-content
-       */
-      "place-content": [{
-        "place-content": [...getAlign(), "baseline"]
-      }],
-      /**
-       * Place Items
-       * @see https://tailwindcss.com/docs/place-items
-       */
-      "place-items": [{
-        "place-items": ["start", "end", "center", "baseline", "stretch"]
-      }],
-      /**
-       * Place Self
-       * @see https://tailwindcss.com/docs/place-self
-       */
-      "place-self": [{
-        "place-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      // Spacing
-      /**
-       * Padding
-       * @see https://tailwindcss.com/docs/padding
-       */
-      p: [{
-        p: [padding]
-      }],
-      /**
-       * Padding X
-       * @see https://tailwindcss.com/docs/padding
-       */
-      px: [{
-        px: [padding]
-      }],
-      /**
-       * Padding Y
-       * @see https://tailwindcss.com/docs/padding
-       */
-      py: [{
-        py: [padding]
-      }],
-      /**
-       * Padding Start
-       * @see https://tailwindcss.com/docs/padding
-       */
-      ps: [{
-        ps: [padding]
-      }],
-      /**
-       * Padding End
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pe: [{
-        pe: [padding]
-      }],
-      /**
-       * Padding Top
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pt: [{
-        pt: [padding]
-      }],
-      /**
-       * Padding Right
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pr: [{
-        pr: [padding]
-      }],
-      /**
-       * Padding Bottom
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pb: [{
-        pb: [padding]
-      }],
-      /**
-       * Padding Left
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pl: [{
-        pl: [padding]
-      }],
-      /**
-       * Margin
-       * @see https://tailwindcss.com/docs/margin
-       */
-      m: [{
-        m: [margin]
-      }],
-      /**
-       * Margin X
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mx: [{
-        mx: [margin]
-      }],
-      /**
-       * Margin Y
-       * @see https://tailwindcss.com/docs/margin
-       */
-      my: [{
-        my: [margin]
-      }],
-      /**
-       * Margin Start
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ms: [{
-        ms: [margin]
-      }],
-      /**
-       * Margin End
-       * @see https://tailwindcss.com/docs/margin
-       */
-      me: [{
-        me: [margin]
-      }],
-      /**
-       * Margin Top
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mt: [{
-        mt: [margin]
-      }],
-      /**
-       * Margin Right
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mr: [{
-        mr: [margin]
-      }],
-      /**
-       * Margin Bottom
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mb: [{
-        mb: [margin]
-      }],
-      /**
-       * Margin Left
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ml: [{
-        ml: [margin]
-      }],
-      /**
-       * Space Between X
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x": [{
-        "space-x": [space]
-      }],
-      /**
-       * Space Between X Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x-reverse": ["space-x-reverse"],
-      /**
-       * Space Between Y
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y": [{
-        "space-y": [space]
-      }],
-      /**
-       * Space Between Y Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y-reverse": ["space-y-reverse"],
-      // Sizing
-      /**
-       * Width
-       * @see https://tailwindcss.com/docs/width
-       */
-      w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", isArbitraryValue, spacing]
-      }],
-      /**
-       * Min-Width
-       * @see https://tailwindcss.com/docs/min-width
-       */
-      "min-w": [{
-        "min-w": [isArbitraryValue, spacing, "min", "max", "fit"]
-      }],
-      /**
-       * Max-Width
-       * @see https://tailwindcss.com/docs/max-width
-       */
-      "max-w": [{
-        "max-w": [isArbitraryValue, spacing, "none", "full", "min", "max", "fit", "prose", {
-          screen: [isTshirtSize]
-        }, isTshirtSize]
-      }],
-      /**
-       * Height
-       * @see https://tailwindcss.com/docs/height
-       */
-      h: [{
-        h: [isArbitraryValue, spacing, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Min-Height
-       * @see https://tailwindcss.com/docs/min-height
-       */
-      "min-h": [{
-        "min-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Max-Height
-       * @see https://tailwindcss.com/docs/max-height
-       */
-      "max-h": [{
-        "max-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Size
-       * @see https://tailwindcss.com/docs/size
-       */
-      size: [{
-        size: [isArbitraryValue, spacing, "auto", "min", "max", "fit"]
-      }],
-      // Typography
-      /**
-       * Font Size
-       * @see https://tailwindcss.com/docs/font-size
-       */
-      "font-size": [{
-        text: ["base", isTshirtSize, isArbitraryLength]
-      }],
-      /**
-       * Font Smoothing
-       * @see https://tailwindcss.com/docs/font-smoothing
-       */
-      "font-smoothing": ["antialiased", "subpixel-antialiased"],
-      /**
-       * Font Style
-       * @see https://tailwindcss.com/docs/font-style
-       */
-      "font-style": ["italic", "not-italic"],
-      /**
-       * Font Weight
-       * @see https://tailwindcss.com/docs/font-weight
-       */
-      "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", isArbitraryNumber]
-      }],
-      /**
-       * Font Family
-       * @see https://tailwindcss.com/docs/font-family
-       */
-      "font-family": [{
-        font: [isAny]
-      }],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-normal": ["normal-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-ordinal": ["ordinal"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-slashed-zero": ["slashed-zero"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-figure": ["lining-nums", "oldstyle-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-spacing": ["proportional-nums", "tabular-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-      /**
-       * Letter Spacing
-       * @see https://tailwindcss.com/docs/letter-spacing
-       */
-      tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", isArbitraryValue]
-      }],
-      /**
-       * Line Clamp
-       * @see https://tailwindcss.com/docs/line-clamp
-       */
-      "line-clamp": [{
-        "line-clamp": ["none", isNumber, isArbitraryNumber]
-      }],
-      /**
-       * Line Height
-       * @see https://tailwindcss.com/docs/line-height
-       */
-      leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", isLength, isArbitraryValue]
-      }],
-      /**
-       * List Style Image
-       * @see https://tailwindcss.com/docs/list-style-image
-       */
-      "list-image": [{
-        "list-image": ["none", isArbitraryValue]
-      }],
-      /**
-       * List Style Type
-       * @see https://tailwindcss.com/docs/list-style-type
-       */
-      "list-style-type": [{
-        list: ["none", "disc", "decimal", isArbitraryValue]
-      }],
-      /**
-       * List Style Position
-       * @see https://tailwindcss.com/docs/list-style-position
-       */
-      "list-style-position": [{
-        list: ["inside", "outside"]
-      }],
-      /**
-       * Placeholder Color
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/placeholder-color
-       */
-      "placeholder-color": [{
-        placeholder: [colors]
-      }],
-      /**
-       * Placeholder Opacity
-       * @see https://tailwindcss.com/docs/placeholder-opacity
-       */
-      "placeholder-opacity": [{
-        "placeholder-opacity": [opacity]
-      }],
-      /**
-       * Text Alignment
-       * @see https://tailwindcss.com/docs/text-align
-       */
-      "text-alignment": [{
-        text: ["left", "center", "right", "justify", "start", "end"]
-      }],
-      /**
-       * Text Color
-       * @see https://tailwindcss.com/docs/text-color
-       */
-      "text-color": [{
-        text: [colors]
-      }],
-      /**
-       * Text Opacity
-       * @see https://tailwindcss.com/docs/text-opacity
-       */
-      "text-opacity": [{
-        "text-opacity": [opacity]
-      }],
-      /**
-       * Text Decoration
-       * @see https://tailwindcss.com/docs/text-decoration
-       */
-      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
-      /**
-       * Text Decoration Style
-       * @see https://tailwindcss.com/docs/text-decoration-style
-       */
-      "text-decoration-style": [{
-        decoration: [...getLineStyles(), "wavy"]
-      }],
-      /**
-       * Text Decoration Thickness
-       * @see https://tailwindcss.com/docs/text-decoration-thickness
-       */
-      "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", isLength, isArbitraryLength]
-      }],
-      /**
-       * Text Underline Offset
-       * @see https://tailwindcss.com/docs/text-underline-offset
-       */
-      "underline-offset": [{
-        "underline-offset": ["auto", isLength, isArbitraryValue]
-      }],
-      /**
-       * Text Decoration Color
-       * @see https://tailwindcss.com/docs/text-decoration-color
-       */
-      "text-decoration-color": [{
-        decoration: [colors]
-      }],
-      /**
-       * Text Transform
-       * @see https://tailwindcss.com/docs/text-transform
-       */
-      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
-      /**
-       * Text Overflow
-       * @see https://tailwindcss.com/docs/text-overflow
-       */
-      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
-      /**
-       * Text Wrap
-       * @see https://tailwindcss.com/docs/text-wrap
-       */
-      "text-wrap": [{
-        text: ["wrap", "nowrap", "balance", "pretty"]
-      }],
-      /**
-       * Text Indent
-       * @see https://tailwindcss.com/docs/text-indent
-       */
-      indent: [{
-        indent: getSpacingWithArbitrary()
-      }],
-      /**
-       * Vertical Alignment
-       * @see https://tailwindcss.com/docs/vertical-align
-       */
-      "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", isArbitraryValue]
-      }],
-      /**
-       * Whitespace
-       * @see https://tailwindcss.com/docs/whitespace
-       */
-      whitespace: [{
-        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
-      }],
-      /**
-       * Word Break
-       * @see https://tailwindcss.com/docs/word-break
-       */
-      break: [{
-        break: ["normal", "words", "all", "keep"]
-      }],
-      /**
-       * Hyphens
-       * @see https://tailwindcss.com/docs/hyphens
-       */
-      hyphens: [{
-        hyphens: ["none", "manual", "auto"]
-      }],
-      /**
-       * Content
-       * @see https://tailwindcss.com/docs/content
-       */
-      content: [{
-        content: ["none", isArbitraryValue]
-      }],
-      // Backgrounds
-      /**
-       * Background Attachment
-       * @see https://tailwindcss.com/docs/background-attachment
-       */
-      "bg-attachment": [{
-        bg: ["fixed", "local", "scroll"]
-      }],
-      /**
-       * Background Clip
-       * @see https://tailwindcss.com/docs/background-clip
-       */
-      "bg-clip": [{
-        "bg-clip": ["border", "padding", "content", "text"]
-      }],
-      /**
-       * Background Opacity
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/background-opacity
-       */
-      "bg-opacity": [{
-        "bg-opacity": [opacity]
-      }],
-      /**
-       * Background Origin
-       * @see https://tailwindcss.com/docs/background-origin
-       */
-      "bg-origin": [{
-        "bg-origin": ["border", "padding", "content"]
-      }],
-      /**
-       * Background Position
-       * @see https://tailwindcss.com/docs/background-position
-       */
-      "bg-position": [{
-        bg: [...getPositions(), isArbitraryPosition]
-      }],
-      /**
-       * Background Repeat
-       * @see https://tailwindcss.com/docs/background-repeat
-       */
-      "bg-repeat": [{
-        bg: ["no-repeat", {
-          repeat: ["", "x", "y", "round", "space"]
-        }]
-      }],
-      /**
-       * Background Size
-       * @see https://tailwindcss.com/docs/background-size
-       */
-      "bg-size": [{
-        bg: ["auto", "cover", "contain", isArbitrarySize]
-      }],
-      /**
-       * Background Image
-       * @see https://tailwindcss.com/docs/background-image
-       */
-      "bg-image": [{
-        bg: ["none", {
-          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, isArbitraryImage]
-      }],
-      /**
-       * Background Color
-       * @see https://tailwindcss.com/docs/background-color
-       */
-      "bg-color": [{
-        bg: [colors]
-      }],
-      /**
-       * Gradient Color Stops From Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from-pos": [{
-        from: [gradientColorStopPositions]
-      }],
-      /**
-       * Gradient Color Stops Via Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via-pos": [{
-        via: [gradientColorStopPositions]
-      }],
-      /**
-       * Gradient Color Stops To Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to-pos": [{
-        to: [gradientColorStopPositions]
-      }],
-      /**
-       * Gradient Color Stops From
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from": [{
-        from: [gradientColorStops]
-      }],
-      /**
-       * Gradient Color Stops Via
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via": [{
-        via: [gradientColorStops]
-      }],
-      /**
-       * Gradient Color Stops To
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to": [{
-        to: [gradientColorStops]
-      }],
-      // Borders
-      /**
-       * Border Radius
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      rounded: [{
-        rounded: [borderRadius]
-      }],
-      /**
-       * Border Radius Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-s": [{
-        "rounded-s": [borderRadius]
-      }],
-      /**
-       * Border Radius End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-e": [{
-        "rounded-e": [borderRadius]
-      }],
-      /**
-       * Border Radius Top
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-t": [{
-        "rounded-t": [borderRadius]
-      }],
-      /**
-       * Border Radius Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-r": [{
-        "rounded-r": [borderRadius]
-      }],
-      /**
-       * Border Radius Bottom
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-b": [{
-        "rounded-b": [borderRadius]
-      }],
-      /**
-       * Border Radius Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-l": [{
-        "rounded-l": [borderRadius]
-      }],
-      /**
-       * Border Radius Start Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ss": [{
-        "rounded-ss": [borderRadius]
-      }],
-      /**
-       * Border Radius Start End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-se": [{
-        "rounded-se": [borderRadius]
-      }],
-      /**
-       * Border Radius End End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ee": [{
-        "rounded-ee": [borderRadius]
-      }],
-      /**
-       * Border Radius End Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-es": [{
-        "rounded-es": [borderRadius]
-      }],
-      /**
-       * Border Radius Top Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tl": [{
-        "rounded-tl": [borderRadius]
-      }],
-      /**
-       * Border Radius Top Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tr": [{
-        "rounded-tr": [borderRadius]
-      }],
-      /**
-       * Border Radius Bottom Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-br": [{
-        "rounded-br": [borderRadius]
-      }],
-      /**
-       * Border Radius Bottom Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-bl": [{
-        "rounded-bl": [borderRadius]
-      }],
-      /**
-       * Border Width
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w": [{
-        border: [borderWidth]
-      }],
-      /**
-       * Border Width X
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-x": [{
-        "border-x": [borderWidth]
-      }],
-      /**
-       * Border Width Y
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-y": [{
-        "border-y": [borderWidth]
-      }],
-      /**
-       * Border Width Start
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-s": [{
-        "border-s": [borderWidth]
-      }],
-      /**
-       * Border Width End
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-e": [{
-        "border-e": [borderWidth]
-      }],
-      /**
-       * Border Width Top
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-t": [{
-        "border-t": [borderWidth]
-      }],
-      /**
-       * Border Width Right
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-r": [{
-        "border-r": [borderWidth]
-      }],
-      /**
-       * Border Width Bottom
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-b": [{
-        "border-b": [borderWidth]
-      }],
-      /**
-       * Border Width Left
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-l": [{
-        "border-l": [borderWidth]
-      }],
-      /**
-       * Border Opacity
-       * @see https://tailwindcss.com/docs/border-opacity
-       */
-      "border-opacity": [{
-        "border-opacity": [opacity]
-      }],
-      /**
-       * Border Style
-       * @see https://tailwindcss.com/docs/border-style
-       */
-      "border-style": [{
-        border: [...getLineStyles(), "hidden"]
-      }],
-      /**
-       * Divide Width X
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x": [{
-        "divide-x": [borderWidth]
-      }],
-      /**
-       * Divide Width X Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x-reverse": ["divide-x-reverse"],
-      /**
-       * Divide Width Y
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y": [{
-        "divide-y": [borderWidth]
-      }],
-      /**
-       * Divide Width Y Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y-reverse": ["divide-y-reverse"],
-      /**
-       * Divide Opacity
-       * @see https://tailwindcss.com/docs/divide-opacity
-       */
-      "divide-opacity": [{
-        "divide-opacity": [opacity]
-      }],
-      /**
-       * Divide Style
-       * @see https://tailwindcss.com/docs/divide-style
-       */
-      "divide-style": [{
-        divide: getLineStyles()
-      }],
-      /**
-       * Border Color
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color": [{
-        border: [borderColor]
-      }],
-      /**
-       * Border Color X
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-x": [{
-        "border-x": [borderColor]
-      }],
-      /**
-       * Border Color Y
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-y": [{
-        "border-y": [borderColor]
-      }],
-      /**
-       * Border Color S
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-s": [{
-        "border-s": [borderColor]
-      }],
-      /**
-       * Border Color E
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-e": [{
-        "border-e": [borderColor]
-      }],
-      /**
-       * Border Color Top
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-t": [{
-        "border-t": [borderColor]
-      }],
-      /**
-       * Border Color Right
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-r": [{
-        "border-r": [borderColor]
-      }],
-      /**
-       * Border Color Bottom
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-b": [{
-        "border-b": [borderColor]
-      }],
-      /**
-       * Border Color Left
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-l": [{
-        "border-l": [borderColor]
-      }],
-      /**
-       * Divide Color
-       * @see https://tailwindcss.com/docs/divide-color
-       */
-      "divide-color": [{
-        divide: [borderColor]
-      }],
-      /**
-       * Outline Style
-       * @see https://tailwindcss.com/docs/outline-style
-       */
-      "outline-style": [{
-        outline: ["", ...getLineStyles()]
-      }],
-      /**
-       * Outline Offset
-       * @see https://tailwindcss.com/docs/outline-offset
-       */
-      "outline-offset": [{
-        "outline-offset": [isLength, isArbitraryValue]
-      }],
-      /**
-       * Outline Width
-       * @see https://tailwindcss.com/docs/outline-width
-       */
-      "outline-w": [{
-        outline: [isLength, isArbitraryLength]
-      }],
-      /**
-       * Outline Color
-       * @see https://tailwindcss.com/docs/outline-color
-       */
-      "outline-color": [{
-        outline: [colors]
-      }],
-      /**
-       * Ring Width
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w": [{
-        ring: getLengthWithEmptyAndArbitrary()
-      }],
-      /**
-       * Ring Width Inset
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w-inset": ["ring-inset"],
-      /**
-       * Ring Color
-       * @see https://tailwindcss.com/docs/ring-color
-       */
-      "ring-color": [{
-        ring: [colors]
-      }],
-      /**
-       * Ring Opacity
-       * @see https://tailwindcss.com/docs/ring-opacity
-       */
-      "ring-opacity": [{
-        "ring-opacity": [opacity]
-      }],
-      /**
-       * Ring Offset Width
-       * @see https://tailwindcss.com/docs/ring-offset-width
-       */
-      "ring-offset-w": [{
-        "ring-offset": [isLength, isArbitraryLength]
-      }],
-      /**
-       * Ring Offset Color
-       * @see https://tailwindcss.com/docs/ring-offset-color
-       */
-      "ring-offset-color": [{
-        "ring-offset": [colors]
-      }],
-      // Effects
-      /**
-       * Box Shadow
-       * @see https://tailwindcss.com/docs/box-shadow
-       */
-      shadow: [{
-        shadow: ["", "inner", "none", isTshirtSize, isArbitraryShadow]
-      }],
-      /**
-       * Box Shadow Color
-       * @see https://tailwindcss.com/docs/box-shadow-color
-       */
-      "shadow-color": [{
-        shadow: [isAny]
-      }],
-      /**
-       * Opacity
-       * @see https://tailwindcss.com/docs/opacity
-       */
-      opacity: [{
-        opacity: [opacity]
-      }],
-      /**
-       * Mix Blend Mode
-       * @see https://tailwindcss.com/docs/mix-blend-mode
-       */
-      "mix-blend": [{
-        "mix-blend": [...getBlendModes(), "plus-lighter", "plus-darker"]
-      }],
-      /**
-       * Background Blend Mode
-       * @see https://tailwindcss.com/docs/background-blend-mode
-       */
-      "bg-blend": [{
-        "bg-blend": getBlendModes()
-      }],
-      // Filters
-      /**
-       * Filter
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/filter
-       */
-      filter: [{
-        filter: ["", "none"]
-      }],
-      /**
-       * Blur
-       * @see https://tailwindcss.com/docs/blur
-       */
-      blur: [{
-        blur: [blur]
-      }],
-      /**
-       * Brightness
-       * @see https://tailwindcss.com/docs/brightness
-       */
-      brightness: [{
-        brightness: [brightness]
-      }],
-      /**
-       * Contrast
-       * @see https://tailwindcss.com/docs/contrast
-       */
-      contrast: [{
-        contrast: [contrast]
-      }],
-      /**
-       * Drop Shadow
-       * @see https://tailwindcss.com/docs/drop-shadow
-       */
-      "drop-shadow": [{
-        "drop-shadow": ["", "none", isTshirtSize, isArbitraryValue]
-      }],
-      /**
-       * Grayscale
-       * @see https://tailwindcss.com/docs/grayscale
-       */
-      grayscale: [{
-        grayscale: [grayscale]
-      }],
-      /**
-       * Hue Rotate
-       * @see https://tailwindcss.com/docs/hue-rotate
-       */
-      "hue-rotate": [{
-        "hue-rotate": [hueRotate]
-      }],
-      /**
-       * Invert
-       * @see https://tailwindcss.com/docs/invert
-       */
-      invert: [{
-        invert: [invert]
-      }],
-      /**
-       * Saturate
-       * @see https://tailwindcss.com/docs/saturate
-       */
-      saturate: [{
-        saturate: [saturate]
-      }],
-      /**
-       * Sepia
-       * @see https://tailwindcss.com/docs/sepia
-       */
-      sepia: [{
-        sepia: [sepia]
-      }],
-      /**
-       * Backdrop Filter
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/backdrop-filter
-       */
-      "backdrop-filter": [{
-        "backdrop-filter": ["", "none"]
-      }],
-      /**
-       * Backdrop Blur
-       * @see https://tailwindcss.com/docs/backdrop-blur
-       */
-      "backdrop-blur": [{
-        "backdrop-blur": [blur]
-      }],
-      /**
-       * Backdrop Brightness
-       * @see https://tailwindcss.com/docs/backdrop-brightness
-       */
-      "backdrop-brightness": [{
-        "backdrop-brightness": [brightness]
-      }],
-      /**
-       * Backdrop Contrast
-       * @see https://tailwindcss.com/docs/backdrop-contrast
-       */
-      "backdrop-contrast": [{
-        "backdrop-contrast": [contrast]
-      }],
-      /**
-       * Backdrop Grayscale
-       * @see https://tailwindcss.com/docs/backdrop-grayscale
-       */
-      "backdrop-grayscale": [{
-        "backdrop-grayscale": [grayscale]
-      }],
-      /**
-       * Backdrop Hue Rotate
-       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
-       */
-      "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [hueRotate]
-      }],
-      /**
-       * Backdrop Invert
-       * @see https://tailwindcss.com/docs/backdrop-invert
-       */
-      "backdrop-invert": [{
-        "backdrop-invert": [invert]
-      }],
-      /**
-       * Backdrop Opacity
-       * @see https://tailwindcss.com/docs/backdrop-opacity
-       */
-      "backdrop-opacity": [{
-        "backdrop-opacity": [opacity]
-      }],
-      /**
-       * Backdrop Saturate
-       * @see https://tailwindcss.com/docs/backdrop-saturate
-       */
-      "backdrop-saturate": [{
-        "backdrop-saturate": [saturate]
-      }],
-      /**
-       * Backdrop Sepia
-       * @see https://tailwindcss.com/docs/backdrop-sepia
-       */
-      "backdrop-sepia": [{
-        "backdrop-sepia": [sepia]
-      }],
-      // Tables
-      /**
-       * Border Collapse
-       * @see https://tailwindcss.com/docs/border-collapse
-       */
-      "border-collapse": [{
-        border: ["collapse", "separate"]
-      }],
-      /**
-       * Border Spacing
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing": [{
-        "border-spacing": [borderSpacing]
-      }],
-      /**
-       * Border Spacing X
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-x": [{
-        "border-spacing-x": [borderSpacing]
-      }],
-      /**
-       * Border Spacing Y
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-y": [{
-        "border-spacing-y": [borderSpacing]
-      }],
-      /**
-       * Table Layout
-       * @see https://tailwindcss.com/docs/table-layout
-       */
-      "table-layout": [{
-        table: ["auto", "fixed"]
-      }],
-      /**
-       * Caption Side
-       * @see https://tailwindcss.com/docs/caption-side
-       */
-      caption: [{
-        caption: ["top", "bottom"]
-      }],
-      // Transitions and Animation
-      /**
-       * Tranisition Property
-       * @see https://tailwindcss.com/docs/transition-property
-       */
-      transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", isArbitraryValue]
-      }],
-      /**
-       * Transition Duration
-       * @see https://tailwindcss.com/docs/transition-duration
-       */
-      duration: [{
-        duration: getNumberAndArbitrary()
-      }],
-      /**
-       * Transition Timing Function
-       * @see https://tailwindcss.com/docs/transition-timing-function
-       */
-      ease: [{
-        ease: ["linear", "in", "out", "in-out", isArbitraryValue]
-      }],
-      /**
-       * Transition Delay
-       * @see https://tailwindcss.com/docs/transition-delay
-       */
-      delay: [{
-        delay: getNumberAndArbitrary()
-      }],
-      /**
-       * Animation
-       * @see https://tailwindcss.com/docs/animation
-       */
-      animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", isArbitraryValue]
-      }],
-      // Transforms
-      /**
-       * Transform
-       * @see https://tailwindcss.com/docs/transform
-       */
-      transform: [{
-        transform: ["", "gpu", "none"]
-      }],
-      /**
-       * Scale
-       * @see https://tailwindcss.com/docs/scale
-       */
-      scale: [{
-        scale: [scale]
-      }],
-      /**
-       * Scale X
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-x": [{
-        "scale-x": [scale]
-      }],
-      /**
-       * Scale Y
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-y": [{
-        "scale-y": [scale]
-      }],
-      /**
-       * Rotate
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      rotate: [{
-        rotate: [isInteger, isArbitraryValue]
-      }],
-      /**
-       * Translate X
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-x": [{
-        "translate-x": [translate]
-      }],
-      /**
-       * Translate Y
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-y": [{
-        "translate-y": [translate]
-      }],
-      /**
-       * Skew X
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-x": [{
-        "skew-x": [skew]
-      }],
-      /**
-       * Skew Y
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-y": [{
-        "skew-y": [skew]
-      }],
-      /**
-       * Transform Origin
-       * @see https://tailwindcss.com/docs/transform-origin
-       */
-      "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", isArbitraryValue]
-      }],
-      // Interactivity
-      /**
-       * Accent Color
-       * @see https://tailwindcss.com/docs/accent-color
-       */
-      accent: [{
-        accent: ["auto", colors]
-      }],
-      /**
-       * Appearance
-       * @see https://tailwindcss.com/docs/appearance
-       */
-      appearance: [{
-        appearance: ["none", "auto"]
-      }],
-      /**
-       * Cursor
-       * @see https://tailwindcss.com/docs/cursor
-       */
-      cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", isArbitraryValue]
-      }],
-      /**
-       * Caret Color
-       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
-       */
-      "caret-color": [{
-        caret: [colors]
-      }],
-      /**
-       * Pointer Events
-       * @see https://tailwindcss.com/docs/pointer-events
-       */
-      "pointer-events": [{
-        "pointer-events": ["none", "auto"]
-      }],
-      /**
-       * Resize
-       * @see https://tailwindcss.com/docs/resize
-       */
-      resize: [{
-        resize: ["none", "y", "x", ""]
-      }],
-      /**
-       * Scroll Behavior
-       * @see https://tailwindcss.com/docs/scroll-behavior
-       */
-      "scroll-behavior": [{
-        scroll: ["auto", "smooth"]
-      }],
-      /**
-       * Scroll Margin
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-m": [{
-        "scroll-m": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin X
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mx": [{
-        "scroll-mx": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin Y
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-my": [{
-        "scroll-my": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin Start
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ms": [{
-        "scroll-ms": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin End
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-me": [{
-        "scroll-me": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin Top
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mt": [{
-        "scroll-mt": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin Right
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mr": [{
-        "scroll-mr": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin Bottom
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mb": [{
-        "scroll-mb": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Margin Left
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ml": [{
-        "scroll-ml": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-p": [{
-        "scroll-p": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding X
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-px": [{
-        "scroll-px": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding Y
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-py": [{
-        "scroll-py": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding Start
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-ps": [{
-        "scroll-ps": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding End
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pe": [{
-        "scroll-pe": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding Top
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pt": [{
-        "scroll-pt": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding Right
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pr": [{
-        "scroll-pr": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding Bottom
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pb": [{
-        "scroll-pb": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Padding Left
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pl": [{
-        "scroll-pl": getSpacingWithArbitrary()
-      }],
-      /**
-       * Scroll Snap Align
-       * @see https://tailwindcss.com/docs/scroll-snap-align
-       */
-      "snap-align": [{
-        snap: ["start", "end", "center", "align-none"]
-      }],
-      /**
-       * Scroll Snap Stop
-       * @see https://tailwindcss.com/docs/scroll-snap-stop
-       */
-      "snap-stop": [{
-        snap: ["normal", "always"]
-      }],
-      /**
-       * Scroll Snap Type
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-type": [{
-        snap: ["none", "x", "y", "both"]
-      }],
-      /**
-       * Scroll Snap Type Strictness
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-strictness": [{
-        snap: ["mandatory", "proximity"]
-      }],
-      /**
-       * Touch Action
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      touch: [{
-        touch: ["auto", "none", "manipulation"]
-      }],
-      /**
-       * Touch Action X
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-x": [{
-        "touch-pan": ["x", "left", "right"]
-      }],
-      /**
-       * Touch Action Y
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-y": [{
-        "touch-pan": ["y", "up", "down"]
-      }],
-      /**
-       * Touch Action Pinch Zoom
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-pz": ["touch-pinch-zoom"],
-      /**
-       * User Select
-       * @see https://tailwindcss.com/docs/user-select
-       */
-      select: [{
-        select: ["none", "text", "all", "auto"]
-      }],
-      /**
-       * Will Change
-       * @see https://tailwindcss.com/docs/will-change
-       */
-      "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", isArbitraryValue]
-      }],
-      // SVG
-      /**
-       * Fill
-       * @see https://tailwindcss.com/docs/fill
-       */
-      fill: [{
-        fill: [colors, "none"]
-      }],
-      /**
-       * Stroke Width
-       * @see https://tailwindcss.com/docs/stroke-width
-       */
-      "stroke-w": [{
-        stroke: [isLength, isArbitraryLength, isArbitraryNumber]
-      }],
-      /**
-       * Stroke
-       * @see https://tailwindcss.com/docs/stroke
-       */
-      stroke: [{
-        stroke: [colors, "none"]
-      }],
-      // Accessibility
-      /**
-       * Screen Readers
-       * @see https://tailwindcss.com/docs/screen-readers
-       */
-      sr: ["sr-only", "not-sr-only"],
-      /**
-       * Forced Color Adjust
-       * @see https://tailwindcss.com/docs/forced-color-adjust
-       */
-      "forced-color-adjust": [{
-        "forced-color-adjust": ["auto", "none"]
-      }]
-    },
-    conflictingClassGroups: {
-      overflow: ["overflow-x", "overflow-y"],
-      overscroll: ["overscroll-x", "overscroll-y"],
-      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
-      "inset-x": ["right", "left"],
-      "inset-y": ["top", "bottom"],
-      flex: ["basis", "grow", "shrink"],
-      gap: ["gap-x", "gap-y"],
-      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
-      px: ["pr", "pl"],
-      py: ["pt", "pb"],
-      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
-      mx: ["mr", "ml"],
-      my: ["mt", "mb"],
-      size: ["w", "h"],
-      "font-size": ["leading"],
-      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
-      "fvn-ordinal": ["fvn-normal"],
-      "fvn-slashed-zero": ["fvn-normal"],
-      "fvn-figure": ["fvn-normal"],
-      "fvn-spacing": ["fvn-normal"],
-      "fvn-fraction": ["fvn-normal"],
-      "line-clamp": ["display", "overflow"],
-      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
-      "rounded-s": ["rounded-ss", "rounded-es"],
-      "rounded-e": ["rounded-se", "rounded-ee"],
-      "rounded-t": ["rounded-tl", "rounded-tr"],
-      "rounded-r": ["rounded-tr", "rounded-br"],
-      "rounded-b": ["rounded-br", "rounded-bl"],
-      "rounded-l": ["rounded-tl", "rounded-bl"],
-      "border-spacing": ["border-spacing-x", "border-spacing-y"],
-      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
-      "border-w-x": ["border-w-r", "border-w-l"],
-      "border-w-y": ["border-w-t", "border-w-b"],
-      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
-      "border-color-x": ["border-color-r", "border-color-l"],
-      "border-color-y": ["border-color-t", "border-color-b"],
-      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
-      "scroll-mx": ["scroll-mr", "scroll-ml"],
-      "scroll-my": ["scroll-mt", "scroll-mb"],
-      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
-      "scroll-px": ["scroll-pr", "scroll-pl"],
-      "scroll-py": ["scroll-pt", "scroll-pb"],
-      touch: ["touch-x", "touch-y", "touch-pz"],
-      "touch-x": ["touch"],
-      "touch-y": ["touch"],
-      "touch-pz": ["touch"]
-    },
-    conflictingClassGroupModifiers: {
-      "font-size": ["leading"]
-    }
-  };
-};
-var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
-
-// src/utils/cn.ts
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/AdvancedComponents/AppSidebar.tsx
-var React6 = __toESM(require("react"));
-var import_link = __toESM(require("next/link"));
-var import_lucide_react4 = require("lucide-react");
-
-// src/components/ui/badge.tsx
-var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
-// src/components/ui/button.tsx
-var import_react_slot = require("@radix-ui/react-slot");
-var import_class_variance_authority2 = require("class-variance-authority");
-var React = __toESM(require("react"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    },
-    variants: {
-      size: {
-        clear: "",
-        default: "h-10 px-4 py-2",
-        icon: "h-10 w-10",
-        lg: "h-11 rounded px-8",
-        sm: "h-9 rounded px-3"
-      },
-      variant: {
-        default: "bg-accent text-accent-foreground hover:bg-background hover:text-accent hover:border-accent hover:border",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        ghost: "hover:bg-card hover:text-accent",
-        link: "text-primary items-start justify-start underline-offset-4 hover:underline",
-        outline: "border border-border bg-background hover:bg-card hover:text-accent",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-accent"
-      }
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ asChild = false, className, size, variant, ...props }, ref) => {
-    const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { className: cn(buttonVariants({ className, size, variant })), ref, ...props });
-  }
-);
-Button.displayName = "Button";
-
-// src/components/ui/input.tsx
-var React2 = __toESM(require("react"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Input = React2.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// src/components/ui/scroll-area.tsx
-var React3 = __toESM(require("react"));
-var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ScrollArea = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ScrollBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React3.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// src/components/ui/dialog.tsx
-var React4 = __toESM(require("react"));
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Dialog = DialogPrimitive.Root;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  "div",
-  {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// src/components/ui/checkbox.tsx
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_lucide_react2 = require("lucide-react");
-var React5 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-  CheckboxPrimitive.Root,
-  {
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    ),
-    ref,
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) })
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-// src/components/DigitalColleagues/test-data.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var createKnowledgeDocument = (title) => ({
-  id: Math.random().toString(36).substr(2, 9),
-  title,
-  format: "markdown",
-  createdAt: /* @__PURE__ */ new Date()
-});
-var businessUnits = [
-  {
-    id: "design",
-    name: "Design",
-    description: "Creative and visual design team",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Palette, { className: "h-4 w-4" }),
-    color: "bg-purple-600",
-    accentColor: "text-purple-600"
-  },
-  {
-    id: "engineering",
-    name: "Engineering",
-    description: "Software development and technical teams",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Code, { className: "h-4 w-4" }),
-    color: "bg-blue-600",
-    accentColor: "text-blue-600"
-  },
-  {
-    id: "marketing",
-    name: "Marketing",
-    description: "Brand, campaigns, and growth marketing",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.TrendingUp, { className: "h-4 w-4" }),
-    color: "bg-pink-600",
-    accentColor: "text-pink-600"
-  },
-  {
-    id: "sales",
-    name: "Sales",
-    description: "Revenue generation and customer acquisition",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.DollarSign, { className: "h-4 w-4" }),
-    color: "bg-green-600",
-    accentColor: "text-green-600"
-  },
-  {
-    id: "hr",
-    name: "Human Resources",
-    description: "People operations and talent management",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Users, { className: "h-4 w-4" }),
-    color: "bg-orange-600",
-    accentColor: "text-orange-600"
-  },
-  {
-    id: "operations",
-    name: "Operations",
-    description: "Business operations and process optimization",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Wrench, { className: "h-4 w-4" }),
-    color: "bg-indigo-600",
-    accentColor: "text-indigo-600"
-  },
-  {
-    id: "legal",
-    name: "Legal",
-    description: "Legal affairs and compliance",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Scale, { className: "h-4 w-4" }),
-    color: "bg-slate-600",
-    accentColor: "text-slate-600"
-  },
-  {
-    id: "product",
-    name: "Product",
-    description: "Product strategy and management",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Package, { className: "h-4 w-4" }),
-    color: "bg-violet-600",
-    accentColor: "text-violet-600"
-  },
-  {
-    id: "it",
-    name: "IT Support",
-    description: "Information technology and infrastructure",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Zap, { className: "h-4 w-4" }),
-    color: "bg-cyan-600",
-    accentColor: "text-cyan-600"
-  },
-  {
-    id: "company",
-    name: "Company",
-    description: "Company-wide resources and information",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Building2, { className: "h-4 w-4" }),
-    color: "bg-gray-600",
-    accentColor: "text-gray-600"
-  }
-];
-var mockProjects = [
-  {
-    id: "1",
-    name: "E-commerce Platform",
-    description: "Main customer-facing e-commerce application",
-    isSelected: true
-  },
-  {
-    id: "2",
-    name: "Admin Dashboard",
-    description: "Internal administration and analytics dashboard",
-    isSelected: false
-  },
-  {
-    id: "3",
-    name: "Mobile App",
-    description: "Native mobile application for iOS and Android",
-    isSelected: false
-  }
-];
-var mockEpics = [
-  {
-    id: "1",
-    name: "User Authentication",
-    color: "bg-blue-500",
-    description: "Implement secure user authentication system",
-    confidence: "high",
-    phase: 2,
-    // development
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-02-15"),
-    progress: 75,
-    isSelected: true
-  },
-  {
-    id: "2",
-    name: "Dashboard Features",
-    color: "bg-green-500",
-    description: "Build comprehensive dashboard functionality",
-    confidence: "medium",
-    phase: 1,
-    // planning
-    startDate: /* @__PURE__ */ new Date("2024-02-01"),
-    endDate: /* @__PURE__ */ new Date("2024-03-15"),
-    progress: 30,
-    isSelected: true
-  },
-  {
-    id: "3",
-    name: "Mobile Optimization",
-    color: "bg-purple-500",
-    description: "Optimize application for mobile devices",
-    confidence: "low",
-    phase: 1,
-    // planning
-    startDate: /* @__PURE__ */ new Date("2024-03-01"),
-    endDate: /* @__PURE__ */ new Date("2024-04-15"),
-    progress: 10,
-    isSelected: true
-  },
-  {
-    id: "4",
-    name: "Performance Improvements",
-    color: "bg-orange-500",
-    description: "Enhance application performance and speed",
-    confidence: "high",
-    phase: 3,
-    // testing
-    startDate: /* @__PURE__ */ new Date("2024-01-15"),
-    endDate: /* @__PURE__ */ new Date("2024-02-28"),
-    progress: 90,
-    isSelected: true
-  }
-];
-var mockSprints = [
-  {
-    id: "backlog",
-    name: "Backlog",
-    description: "Tasks not yet assigned to a sprint",
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-12-31"),
-    isActive: false,
-    isSelected: false
-  },
-  {
-    id: "all-tasks",
-    name: "All Tasks",
-    description: "View all tasks across all sprints",
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-12-31"),
-    isActive: false,
-    isSelected: true
-  },
-  {
-    id: "1",
-    name: "Sprint 1",
-    description: "Initial development phase",
-    startDate: /* @__PURE__ */ new Date("2024-01-01"),
-    endDate: /* @__PURE__ */ new Date("2024-01-14"),
-    isActive: false,
-    isSelected: false
-  },
-  {
-    id: "2",
-    name: "Sprint 2",
-    description: "Feature development",
-    startDate: /* @__PURE__ */ new Date("2024-01-15"),
-    endDate: /* @__PURE__ */ new Date("2024-01-28"),
-    isActive: true,
-    isSelected: false
-  }
-];
-var mockTasks = [
-  {
-    id: "1",
-    name: "Design login page",
-    description: "Create wireframes and mockups for the login interface",
-    status: "todo",
-    priority: "high",
-    type: "story",
-    points: 5,
-    epicId: "1",
-    sprintId: "2",
-    assignee: "John Doe",
-    createdAt: /* @__PURE__ */ new Date("2024-01-15")
-  },
-  {
-    id: "2",
-    name: "Implement OAuth integration",
-    description: "Add Google and GitHub OAuth authentication",
-    status: "review",
-    priority: "high",
-    type: "task",
-    points: 8,
-    epicId: "1",
-    sprintId: "2",
-    assignee: "Jane Smith",
-    createdAt: /* @__PURE__ */ new Date("2024-01-16")
-  },
-  {
-    id: "3",
-    name: "Create dashboard widgets",
-    description: "Build analytics and metrics widgets for the main dashboard",
-    status: "todo",
-    priority: "medium",
-    type: "story",
-    points: 13,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Mike Johnson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-17")
-  },
-  {
-    id: "4",
-    name: "Fix login redirect bug",
-    description: "Resolve issue where users are not redirected after login",
-    status: "done",
-    priority: "high",
-    type: "bug",
-    points: 3,
-    epicId: "1",
-    sprintId: "1",
-    assignee: "Sarah Wilson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-14")
-  },
-  {
-    id: "5",
-    name: "Research mobile frameworks",
-    description: "Investigate best practices for mobile responsive design",
-    status: "in-progress",
-    priority: "medium",
-    type: "spike",
-    points: 5,
-    epicId: "3",
-    assignee: "Alex Brown",
-    createdAt: /* @__PURE__ */ new Date("2024-01-18")
-  },
-  {
-    id: "6",
-    name: "Update user profile page",
-    description: "Enhance user profile with new settings and preferences",
-    status: "review",
-    priority: "medium",
-    type: "story",
-    points: 8,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Emma Davis",
-    createdAt: /* @__PURE__ */ new Date("2024-01-19")
-  },
-  {
-    id: "7",
-    name: "Performance optimization",
-    description: "Optimize database queries and improve page load times",
-    status: "done",
-    priority: "high",
-    type: "task",
-    points: 13,
-    epicId: "4",
-    sprintId: "1",
-    assignee: "Tom Wilson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-13")
-  }
-];
-var highDensityTasks = [
-  ...mockTasks,
-  {
-    id: "8",
-    name: "Add search functionality",
-    description: "Implement search across all dashboard widgets",
-    status: "todo",
-    priority: "medium",
-    type: "story",
-    points: 8,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Chris Lee",
-    createdAt: /* @__PURE__ */ new Date("2024-01-20")
-  },
-  {
-    id: "9",
-    name: "Fix mobile responsive issues",
-    description: "Resolve layout problems on mobile devices",
-    status: "in-progress",
-    priority: "high",
-    type: "bug",
-    points: 5,
-    epicId: "3",
-    sprintId: "2",
-    assignee: "Taylor Swift",
-    createdAt: /* @__PURE__ */ new Date("2024-01-21")
-  },
-  {
-    id: "10",
-    name: "Implement dark mode",
-    description: "Add dark theme support across the application",
-    status: "review",
-    priority: "low",
-    type: "story",
-    points: 13,
-    epicId: "2",
-    sprintId: "2",
-    assignee: "Jordan Smith",
-    createdAt: /* @__PURE__ */ new Date("2024-01-22")
-  },
-  {
-    id: "11",
-    name: "API rate limiting",
-    description: "Implement rate limiting for API endpoints",
-    status: "done",
-    priority: "high",
-    type: "task",
-    points: 8,
-    epicId: "4",
-    sprintId: "1",
-    assignee: "Morgan Davis",
-    createdAt: /* @__PURE__ */ new Date("2024-01-12")
-  },
-  {
-    id: "12",
-    name: "User onboarding flow",
-    description: "Create guided tour for new users",
-    status: "todo",
-    priority: "medium",
-    type: "story",
-    points: 21,
-    epicId: "1",
-    sprintId: "2",
-    assignee: "Casey Johnson",
-    createdAt: /* @__PURE__ */ new Date("2024-01-23")
-  }
-];
-var extendedProjects = [
-  ...mockProjects,
-  {
-    id: "4",
-    name: "Analytics Platform",
-    description: "Business intelligence and reporting system",
-    isSelected: false
-  },
-  {
-    id: "5",
-    name: "API Gateway",
-    description: "Microservices API management layer",
-    isSelected: false
-  }
-];
-var emptyStateData = {
-  projects: [
-    {
-      id: "1",
-      name: "Empty Project",
-      description: "A project with no tasks",
-      isSelected: true
-    }
-  ],
-  epics: [],
-  sprints: [
-    {
-      id: "all-tasks",
-      name: "All Tasks",
-      description: "View all tasks across all sprints",
-      startDate: /* @__PURE__ */ new Date("2024-01-01"),
-      endDate: /* @__PURE__ */ new Date("2024-12-31"),
-      isActive: false,
-      isSelected: true
-    }
-  ],
-  tasks: []
-};
-var singleEpicData = {
-  epics: [
-    {
-      id: "1",
-      name: "User Authentication",
-      color: "bg-blue-500",
-      description: "Implement secure user authentication system",
-      confidence: "high",
-      phase: 2,
-      startDate: /* @__PURE__ */ new Date("2024-01-01"),
-      endDate: /* @__PURE__ */ new Date("2024-02-15"),
-      progress: 75,
-      isSelected: true
-    }
-  ],
-  tasks: mockTasks.filter((task) => task.epicId === "1")
-};
-var testScenarios = {
-  empty: {
-    initialProjects: emptyStateData.projects,
-    initialEpics: emptyStateData.epics,
-    initialSprints: emptyStateData.sprints,
-    initialTasks: emptyStateData.tasks
-  },
-  default: {
-    initialProjects: mockProjects,
-    initialEpics: mockEpics,
-    initialSprints: mockSprints,
-    initialTasks: mockTasks
-  },
-  highDensity: {
-    initialProjects: mockProjects,
-    initialEpics: mockEpics,
-    initialSprints: mockSprints,
-    initialTasks: highDensityTasks
-  },
-  singleEpic: {
-    initialProjects: mockProjects,
-    initialEpics: singleEpicData.epics,
-    initialSprints: mockSprints,
-    initialTasks: singleEpicData.tasks
-  },
-  multipleProjects: {
-    initialProjects: extendedProjects,
-    initialEpics: mockEpics,
-    initialSprints: mockSprints,
-    initialTasks: mockTasks
-  }
-};
-var mockColleagues = [
-  {
-    id: "1",
-    type: "human",
-    name: "Sarah Johnson",
-    email: "sarah.johnson@company.com",
-    role: "Senior Designer",
-    department: "Design",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2023-01-15"),
-    lastActive: /* @__PURE__ */ new Date(),
-    phone: "+1 (555) 123-4567",
-    location: "San Francisco, CA",
-    timezone: "PST",
-    skills: ["UI/UX Design", "Figma", "Adobe Creative Suite", "Prototyping", "User Research"],
-    bio: "Passionate designer with 8+ years of experience creating user-centered digital experiences."
-  },
-  {
-    id: "2",
-    type: "digital",
-    name: "CodeAssist Pro",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-01-01"),
-    lastActive: /* @__PURE__ */ new Date(),
-    jobDescription: "AI-powered coding assistant that helps with code review, debugging, and documentation generation.",
-    workInstructions: "Review pull requests for code quality and best practices. Generate comprehensive documentation for new features. Assist with debugging complex issues. Provide code suggestions and optimizations.",
-    capabilities: [
-      "Code Review",
-      "Documentation Generation",
-      "Debugging",
-      "Code Optimization",
-      "Testing"
-    ],
-    knowledge: ["JavaScript", "TypeScript", "React", "Node.js", "Python", "Git"].map(
-      createKnowledgeDocument
-    ),
-    coreKnowledge: ["Company coding standards", "Architecture patterns", "Security guidelines"].map(
-      createKnowledgeDocument
-    ),
-    version: "2",
-    lastUpdated: /* @__PURE__ */ new Date("2024-01-15"),
-    isActive: true
-  },
-  {
-    id: "3",
-    type: "human",
-    name: "Michael Chen",
-    email: "michael.chen@company.com",
-    role: "Product Manager",
-    department: "Product",
-    status: "inactive",
-    joinedDate: /* @__PURE__ */ new Date("2022-08-20"),
-    lastActive: new Date(Date.now() - 2 * 60 * 60 * 1e3),
-    // 2 hours ago
-    phone: "+1 (555) 987-6543",
-    location: "New York, NY",
-    timezone: "EST",
-    skills: ["Product Strategy", "Agile", "Data Analysis", "User Stories", "Roadmapping"],
-    bio: "Strategic product manager focused on driving user engagement and business growth."
-  },
-  {
-    id: "4",
-    type: "digital",
-    name: "MarketingBot",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-02-01"),
-    lastActive: /* @__PURE__ */ new Date(),
-    jobDescription: "Specialized AI assistant for marketing campaigns, content creation, and social media management.",
-    workInstructions: "Create engaging social media content. Analyze campaign performance metrics. Generate marketing copy and headlines. Schedule and manage social media posts.",
-    capabilities: [
-      "Content Creation",
-      "Social Media Management",
-      "Analytics",
-      "SEO Optimization",
-      "Campaign Management"
-    ],
-    knowledge: [
-      "Digital Marketing",
-      "Social Media Platforms",
-      "Content Strategy",
-      "Analytics Tools"
-    ].map(createKnowledgeDocument),
-    coreKnowledge: ["Brand guidelines", "Target audience personas", "Marketing objectives"].map(
-      createKnowledgeDocument
-    ),
-    version: "52",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-10"),
-    isActive: true
-  },
-  {
-    id: "5",
-    type: "human",
-    name: "Emily Rodriguez",
-    email: "emily.rodriguez@company.com",
-    role: "UX Researcher",
-    department: "Design",
-    status: "inactive",
-    joinedDate: /* @__PURE__ */ new Date("2023-06-10"),
-    lastActive: new Date(Date.now() - 7 * 24 * 60 * 60 * 1e3),
-    // 7 days ago
-    phone: "+1 (555) 456-7890",
-    location: "Austin, TX",
-    timezone: "CST",
-    skills: [
-      "User Research",
-      "Usability Testing",
-      "Data Analysis",
-      "Survey Design",
-      "Interview Techniques"
-    ],
-    bio: "User researcher dedicated to understanding user needs and improving product experiences."
-  },
-  {
-    id: "6",
-    type: "digital",
-    name: "DataAnalyzer Pro",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-01-10"),
-    lastActive: /* @__PURE__ */ new Date(),
-    jobDescription: "Advanced AI assistant specializing in data analysis, reporting, and business intelligence.",
-    workInstructions: "Analyze complex datasets, generate insightful reports, create data visualizations, and provide actionable business recommendations.",
-    capabilities: [
-      "Data Analysis",
-      "Report Generation",
-      "Data Visualization",
-      "Business Intelligence",
-      "Statistical Analysis"
-    ],
-    knowledge: ["Python", "SQL", "Tableau", "Excel", "R", "Statistics"].map(
-      createKnowledgeDocument
-    ),
-    coreKnowledge: ["Company data sources", "KPI definitions", "Reporting standards"].map(
-      createKnowledgeDocument
-    ),
-    version: "3.1",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-20"),
-    isActive: true
-  },
-  {
-    id: "7",
-    type: "digital",
-    name: "ProjectManager AI",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-01-05"),
-    lastActive: /* @__PURE__ */ new Date(),
-    jobDescription: "Intelligent project management assistant that helps coordinate tasks, track progress, and manage timelines.",
-    workInstructions: "Coordinate project activities, track milestones, manage resource allocation, and provide project status updates.",
-    capabilities: [
-      "Project Planning",
-      "Task Coordination",
-      "Timeline Management",
-      "Resource Allocation",
-      "Progress Tracking"
-    ],
-    knowledge: ["Agile", "Scrum", "Gantt Charts", "Risk Management", "Stakeholder Management"].map(
-      createKnowledgeDocument
-    ),
-    coreKnowledge: [
-      "Company project templates",
-      "Resource availability",
-      "Project methodologies"
-    ].map(createKnowledgeDocument),
-    version: "2.5",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-15"),
-    isActive: true
-  },
-  {
-    id: "8",
-    type: "digital",
-    name: "CustomerSupport Bot",
-    status: "active",
-    joinedDate: /* @__PURE__ */ new Date("2024-02-01"),
-    lastActive: /* @__PURE__ */ new Date(),
-    jobDescription: "AI-powered customer support assistant that handles inquiries, resolves issues, and escalates complex problems.",
-    workInstructions: "Respond to customer inquiries, troubleshoot common issues, provide product information, and escalate complex cases to human agents.",
-    capabilities: [
-      "Customer Support",
-      "Issue Resolution",
-      "Product Knowledge",
-      "Escalation Management",
-      "Chat Support"
-    ],
-    knowledge: [
-      "Product Documentation",
-      "FAQ",
-      "Troubleshooting Guides",
-      "Customer Service Best Practices"
-    ].map(createKnowledgeDocument),
-    coreKnowledge: ["Product catalog", "Support processes", "Escalation procedures"].map(
-      createKnowledgeDocument
-    ),
-    version: "1.8",
-    lastUpdated: /* @__PURE__ */ new Date("2024-02-25"),
-    isActive: true
-  }
-];
-var mockReminders = [
-  {
-    id: "1",
-    title: "Review quarterly report",
-    description: "Go through Q4 performance metrics and prepare summary for the team meeting",
-    dueDate: new Date(2024, 2, 15),
-    dueTime: "14:30",
-    colleague: mockColleagues.find((c) => c.id === "2" && c.type === "digital"),
-    isCompleted: false,
-    isRecurring: false,
-    priority: "high",
-    reminderEnabled: true,
-    reminderMinutes: 30,
-    createdAt: new Date(2024, 2, 10),
-    tags: ["quarterly", "review", "urgent"]
-  },
-  {
-    id: "2",
-    title: "Weekly team standup",
-    description: "Join the weekly team synchronization meeting",
-    dueDate: new Date(2024, 2, 18),
-    dueTime: "10:00",
-    colleague: mockColleagues.find((c) => c.id === "4" && c.type === "digital"),
-    isCompleted: false,
-    isRecurring: true,
-    recurrencePattern: "weekly",
-    recurrenceInterval: 1,
-    priority: "medium",
-    reminderEnabled: true,
-    reminderMinutes: 15,
-    createdAt: new Date(2024, 2, 11),
-    tags: ["meeting", "standup", "weekly"]
-  },
-  {
-    id: "3",
-    title: "Deploy to production",
-    description: "Deploy the latest version to production environment",
-    dueDate: /* @__PURE__ */ new Date(),
-    dueTime: "16:00",
-    colleague: mockColleagues.find((c) => c.id === "2" && c.type === "digital"),
-    isCompleted: false,
-    isRecurring: false,
-    priority: "high",
-    reminderEnabled: true,
-    reminderMinutes: 60,
-    createdAt: /* @__PURE__ */ new Date(),
-    tags: ["deploy", "production", "urgent"]
-  }
-];
-var mockDigitalColleagues = mockColleagues.filter(
-  (colleague) => colleague.type === "digital"
-);
-
-// src/hooks/use-local-storage.ts
-var import_react = require("react");
-function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = (0, import_react.useState)(() => {
-    if (typeof window === "undefined") return initialValue;
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? JSON.parse(item) : initialValue;
-    } catch (error) {
-      return initialValue;
-    }
-  });
-  const setValue = (value) => {
-    try {
-      setStoredValue(value);
-      if (typeof window !== "undefined") {
-        window.localStorage.setItem(key, JSON.stringify(value));
-      }
-    } catch (error) {
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    setValue(storedValue);
-  }, []);
-  return [storedValue, setValue];
-}
-
-// src/components/AdvancedComponents/AppSidebar.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function AppSidebar({
-  items,
-  isOpen,
-  isMobile = false,
-  onClose,
-  currentBusinessUnit = businessUnits[0],
-  // Default to Design unit
-  onBusinessUnitChange,
-  onSearch,
-  className,
-  logo = "/headerlogo.png",
-  logoLink = "/teams",
-  appName = "Nuvia",
-  tagline = "Collaboration Platform"
-}) {
-  const [expandedItems, setExpandedItems] = React6.useState({});
-  const [favorites, setFavorites] = useLocalStorage(
-    "sidebar-favorites",
-    {}
-  );
-  const [showFavoritesDialog, setShowFavoritesDialog] = React6.useState(null);
-  const [searchQuery, setSearchQuery] = React6.useState("");
-  const toggleExpanded = (title) => {
-    setExpandedItems((prev) => ({
-      ...prev,
-      [title]: !prev[title]
-    }));
-  };
-  const handleBusinessUnitChange = (unit) => {
-    onBusinessUnitChange?.(unit);
-  };
-  const handleSearchSubmit = () => {
-    if (searchQuery.trim()) {
-      onSearch?.(searchQuery.trim());
-    }
-  };
-  const handleSearchKeyPress = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleSearchSubmit();
-    }
-  };
-  const toggleFavorite = (parentItemId, subItemId) => {
-    const itemFavorites = favorites[parentItemId] || [];
-    const newItemFavorites = itemFavorites.includes(subItemId) ? itemFavorites.filter((id) => id !== subItemId) : itemFavorites.concat(subItemId);
-    setFavorites({
-      ...favorites,
-      [parentItemId]: newItemFavorites
-    });
-  };
-  const getDisplaySubItems = (item) => {
-    if (!item.items || !item.maxItems || item.items.length <= item.maxItems) {
-      return item.items || [];
-    }
-    const itemFavorites = favorites[item.id] || [];
-    const favoriteSubItems = item.items.filter((subItem) => itemFavorites.includes(subItem.id));
-    const nonFavoriteSubItems = item.items.filter((subItem) => !itemFavorites.includes(subItem.id));
-    return [...favoriteSubItems, ...nonFavoriteSubItems].slice(0, item.maxItems);
-  };
-  const needsFavorites = (item) => item.maxItems && item.items && item.items.length > item.maxItems;
-  const displayItems = items;
-  const renderSidebarItem = (item) => {
-    const hasLimitedSubItems = needsFavorites(item);
-    const displaySubItems = getDisplaySubItems(item);
-    const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
-        item.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: item.title })
-      ] }),
-      item.badge && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: "outline", className: "ml-auto rounded-full px-2 py-0.5 text-xs", children: item.badge }),
-      item.items && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_lucide_react4.ChevronDown,
-        {
-          className: cn(
-            "ml-2 h-4 w-4 transition-transform",
-            expandedItems[item.title] ? "rotate-180" : ""
-          )
-        }
-      )
-    ] });
-    const buttonClasses = cn(
-      "flex w-full items-center justify-between rounded-2xl px-3 py-2 text-sm font-medium",
-      item.isActive ? "bg-primary/10 text-primary" : "hover:bg-muted"
-    );
-    if (item.url) {
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link.default, { href: item.url, className: buttonClasses, onClick: isMobile ? onClose : void 0, children: buttonContent });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: buttonClasses, onClick: () => item.items && toggleExpanded(item.title), children: buttonContent });
-  };
-  const FavoritesDialog = () => {
-    const currentItem = items.find((item) => item.id === showFavoritesDialog);
-    if (!currentItem || !currentItem.items || !currentItem.maxItems) return null;
-    const itemFavorites = favorites[currentItem.id] || [];
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Dialog,
-      {
-        open: !!showFavoritesDialog,
-        onOpenChange: (open) => !open && setShowFavoritesDialog(null),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogTitle, { children: [
-              "Manage ",
-              currentItem.title,
-              " Favorites"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
-              "Select up to ",
-              currentItem.maxItems,
-              " items to show in ",
-              currentItem.title.toLowerCase(),
-              "."
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollArea, { className: "max-h-96 pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "space-y-4", children: currentItem.items.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              Checkbox,
-              {
-                id: subItem.id,
-                checked: itemFavorites.includes(subItem.id),
-                onCheckedChange: () => toggleFavorite(currentItem.id, subItem.id),
-                disabled: !itemFavorites.includes(subItem.id) && itemFavorites.length >= (currentItem.maxItems || 0)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              "label",
-              {
-                htmlFor: subItem.id,
-                className: "flex items-center gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer flex-1",
-                children: [
-                  subItem.title,
-                  subItem.badge && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: "outline", className: "text-xs", children: subItem.badge })
-                ]
-              }
-            )
-          ] }, subItem.id)) }) })
-        ] })
-      }
-    );
-  };
-  const sidebarContent = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex h-full flex-col bg-background", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_link.default, { href: logoLink, className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex h-14 w-14 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: logo, alt: "Header Logo", className: "h-14 w-14 object-contain" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "font-semibold", children: appName }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-muted-foreground", children: tagline })
-        ] })
-      ] }),
-      isMobile && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.X, { className: "h-5 w-5" }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        Input,
-        {
-          type: "search",
-          placeholder: "Search...",
-          className: "w-full rounded-2xl bg-muted pl-9 pr-4 py-2",
-          value: searchQuery,
-          onChange: (e) => setSearchQuery(e.target.value),
-          onKeyPress: handleSearchKeyPress
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollArea, { className: "flex-1 px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "space-y-1", children: displayItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mb-1", children: [
-      renderSidebarItem(item),
-      item.items && expandedItems[item.title] && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-1 ml-6 space-y-1 border-l pl-3", children: [
-        getDisplaySubItems(item).map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-          import_link.default,
-          {
-            href: subItem.url,
-            className: "flex items-center justify-between rounded-2xl px-3 py-2 text-sm hover:bg-muted",
-            onClick: isMobile ? onClose : void 0,
-            children: [
-              subItem.title,
-              subItem.badge && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                Badge,
-                {
-                  variant: "outline",
-                  className: "ml-auto rounded-full px-2 py-0.5 text-xs",
-                  children: subItem.badge
-                }
-              )
-            ]
-          },
-          subItem.id
-        )),
-        needsFavorites(item) && item.items && item.items.length > getDisplaySubItems(item).length && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-          "button",
-          {
-            onClick: () => setShowFavoritesDialog(item.id),
-            className: "w-full px-3 py-2 text-xs text-muted-foreground hover:text-foreground hover:bg-muted rounded-2xl transition-colors text-left",
-            children: [
-              "...",
-              item.items.length - getDisplaySubItems(item).length,
-              " more available"
-            ]
-          }
-        )
-      ] })
-    ] }, item.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_link.default, { href: "/admin", className: "flex w-full items-center gap-3 rounded-2xl px-3 py-2 text-sm font-medium hover:bg-muted", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Settings, { className: "h-5 w-5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Settings" })
-    ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FavoritesDialog, {})
-  ] });
-  if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      "div",
-      {
-        className: cn(
-          "fixed inset-y-0 left-0 z-50 w-64 transform bg-background transition-transform duration-300 ease-in-out",
-          isOpen ? "translate-x-0" : "-translate-x-full",
-          className
-        ),
-        children: sidebarContent
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "div",
-    {
-      className: cn(
-        "fixed inset-y-0 left-0 z-30 w-64 transform bg-background transition-transform duration-300 ease-in-out",
-        isOpen ? "translate-x-0" : "-translate-x-full",
-        className
-      ),
-      children: sidebarContent
-    }
-  );
-}
-
-// src/components/AdvancedComponents/app-header.tsx
-var import_react4 = require("react");
-var import_react5 = require("motion/react");
-var import_lucide_react8 = require("lucide-react");
-
-// src/components/ui/avatar.tsx
-var React7 = __toESM(require("react"));
-var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-// src/components/ui/tooltip.tsx
-var React8 = __toESM(require("react"));
-var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs 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",
-      className
-    ),
-    ...props
-  }
-) }));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/components/AdvancedComponents/theme-toggle.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_next_themes = require("next-themes");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function ThemeToggle() {
-  const { setTheme, theme } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "rounded-2xl",
-        onClick: () => setTheme(theme === "light" ? "dark" : "light"),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Sun, { className: "h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Moon, { className: "absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Toggle theme" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { children: "Toggle theme" })
-  ] }) });
-}
-
-// src/components/AdvancedComponents/notifications-panel.tsx
-var import_react2 = require("motion/react");
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function NotificationsPanel({
-  notifications,
-  open,
-  onClose,
-  onNotificationRemove,
-  onRemoveAll,
-  className
-}) {
-  const unreadNotifications = notifications.filter((notification) => !notification.read);
-  const unreadCount = unreadNotifications.length;
-  const getNotificationIcon = (type) => {
-    switch (type) {
-      case "info":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Info, { className: "h-5 w-5 text-blue-500" });
-      case "success":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Check, { className: "h-5 w-5 text-green-500" });
-      case "warning":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.AlertTriangle, { className: "h-5 w-5 text-amber-500" });
-      case "error":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.AlertTriangle, { className: "h-5 w-5 text-red-500" });
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react2.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_react2.motion.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm md:hidden",
-        onClick: onClose
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_react2.motion.div,
-      {
-        initial: { x: "100%" },
-        animate: { x: 0 },
-        exit: { x: "100%" },
-        transition: { type: "spring", damping: 20, stiffness: 300 },
-        className: cn(
-          "fixed inset-y-0 right-0 z-50 w-full max-w-sm border-l bg-background shadow-lg md:w-96",
-          className
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex h-full flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between border-b p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Bell, { className: "h-5 w-5" }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-lg font-semibold", children: "Notifications" }),
-              unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Badge, { variant: "secondary", className: "rounded-full px-2 py-0.5", children: [
-                unreadCount,
-                " new"
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Button, { variant: "ghost", size: "icon", onClick: onClose, className: "rounded-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.X, { className: "h-5 w-5" }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Close" })
-            ] })
-          ] }),
-          unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between border-b p-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
-              unreadCount,
-              " unread notification",
-              unreadCount !== 1 ? "s" : ""
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { variant: "ghost", size: "sm", onClick: onRemoveAll, className: "text-sm", children: "Dismiss all" })
-          ] }),
-          unreadNotifications.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "divide-y", children: unreadNotifications.map((notification) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-            "div",
-            {
-              className: cn("flex gap-3 p-4 transition-colors bg-muted/50"),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-muted", children: getNotificationIcon(notification.type) }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex-1 space-y-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "font-medium", children: notification.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-muted-foreground", children: notification.time }),
-                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                        Button,
-                        {
-                          variant: "ghost",
-                          size: "sm",
-                          className: "h-6 w-6 p-0",
-                          onClick: () => onNotificationRemove?.(notification.id),
-                          title: "Dismiss",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Check, { className: "h-3 w-3" })
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-muted-foreground", children: notification.description }),
-                  notification.actionLabel && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-                    Button,
-                    {
-                      variant: "link",
-                      size: "sm",
-                      className: "h-auto p-0 text-sm",
-                      onClick: notification.onAction,
-                      children: [
-                        notification.actionLabel,
-                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.ChevronRight, { className: "ml-1 h-3 w-3" })
-                      ]
-                    }
-                  )
-                ] })
-              ]
-            },
-            notification.id
-          )) }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-8 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Bell, { className: "h-8 w-8 text-muted-foreground" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "mt-4 text-lg font-medium", children: "No notifications" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: "When you receive notifications, they'll appear here." })
-          ] })
-        ] })
-      }
-    )
-  ] }) });
-}
-
-// src/components/AdvancedComponents/navigation-tabs.tsx
-var import_react3 = require("motion/react");
-var import_lucide_react7 = require("lucide-react");
-
-// src/components/ui/tabs.tsx
-var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function Tabs({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    TabsPrimitive.Root,
-    {
-      "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
-      ...props
-    }
-  );
-}
-function TabsList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    TabsPrimitive.List,
-    {
-      "data-slot": "tabs-list",
-      className: cn(
-        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    TabsPrimitive.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      className: cn(
-        "data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/dropdown-menu.tsx
-var React9 = __toESM(require("react"));
-var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_react_icons = require("@radix-ui/react-icons");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_icons.ChevronRightIcon, { className: "ml-auto" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  DropdownMenuPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_icons.CheckIcon, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_icons.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
-// src/components/AdvancedComponents/navigation-tabs.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function NavigationTabs({
-  activeTab,
-  onTabChange,
-  tabOptions,
-  className = "",
-  maxWidth = "700px",
-  gridCols = 6
-}) {
-  const currentTab = tabOptions.find((tab) => tab.value === activeTab);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    import_react3.motion.div,
-    {
-      className: `flex-1 flex justify-center ${className}`,
-      initial: { opacity: 0, y: -20 },
-      animate: { opacity: 1, y: 0 },
-      transition: { duration: 0.3, ease: "easeOut" },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Tabs, { value: activeTab, onValueChange: onTabChange, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          TabsList,
-          {
-            className: "grid w-full rounded-2xl p-0 h-10",
-            style: {
-              maxWidth,
-              gridTemplateColumns: `repeat(${Math.min(
-                gridCols,
-                tabOptions.length
-              )}, minmax(0, 1fr))`
-            },
-            children: tabOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              import_react3.motion.div,
-              {
-                whileHover: { scale: 1.1 },
-                whileTap: { scale: 0.98 },
-                transition: { type: "spring", stiffness: 400, damping: 17 },
-                className: "flex-1 px-2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  TabsTrigger,
-                  {
-                    value: tab.value,
-                    onClick: () => onTabChange?.(tab.value),
-                    className: "w-full h-8 rounded-xl data-[state=active]:rounded-xl transition-all duration-200 hover:border hover:border-accent hover:bg-accent/10 px-4 py-2 text-sm font-medium",
-                    children: tab.label
-                  }
-                )
-              },
-              tab.value
-            ))
-          }
-        ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Button, { variant: "outline", className: "rounded-2xl min-w-[140px] justify-between", children: [
-            currentTab?.label || "Select",
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.ChevronDown, { className: "h-4 w-4 ml-2" })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent, { align: "center", className: "w-[180px]", children: tabOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            DropdownMenuItem,
-            {
-              onClick: () => onTabChange?.(tab.value),
-              className: `cursor-pointer ${activeTab === tab.value ? "bg-accent" : ""}`,
-              children: tab.label
-            },
-            tab.value
-          )) })
-        ] }) })
-      ]
-    }
-  );
-}
-
-// src/components/AdvancedComponents/app-header.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function AppHeader({
-  title,
-  notifications = [],
-  onToggleSidebar,
-  onToggleMobileMenu,
-  sidebarOpen = true,
-  className,
-  activeTab = "assistant",
-  onTabChange,
-  showTabs = true,
-  tabOptions = [
-    { value: "home", label: "Home" },
-    { value: "chat", label: "Chat" },
-    { value: "projects", label: "Projects" },
-    { value: "colleagues", label: "Colleagues" },
-    { value: "knowledge", label: "Knowledge" }
-    // { value: "files", label: "Files" },
-  ],
-  onActionClick,
-  actionIcon = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Bot, { className: "mr-2 h-4 w-4" }),
-  actionText = "Action",
-  onNotificationRemove,
-  onRemoveAll,
-  logo = "/headerlogo.png",
-  appName = "Nuvia",
-  tagline = "Collaboration Platform"
-}) {
-  const [notificationsPanelOpen, setNotificationsPanelOpen] = (0, import_react4.useState)(false);
-  const [notificationsData, setNotificationsData] = (0, import_react4.useState)(notifications);
-  const unreadCount = notificationsData.filter((notification) => !notification.read).length;
-  const handleNotificationRemove = (id) => {
-    setNotificationsData((prev) => prev.filter((notification) => notification.id !== id));
-    onNotificationRemove?.(id);
-  };
-  const handleRemoveAll = () => {
-    setNotificationsData((prev) => prev.filter((notification) => notification.read));
-    onRemoveAll?.();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      "header",
-      {
-        className: `sticky top-0 z-10 flex h-16 items-center gap-3 pl-2 pr-4 backdrop-blur ${className || ""}`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "ghost", size: "icon", className: "md:hidden", onClick: onToggleMobileMenu, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Menu, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "ghost", size: "icon", className: "hidden md:flex", onClick: onToggleSidebar, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.PanelLeft, { className: "h-5 w-5" }) }),
-          !sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-            import_react5.motion.div,
-            {
-              className: "flex items-center gap-3",
-              initial: { opacity: 0, x: -20 },
-              animate: { opacity: 1, x: 0 },
-              transition: { duration: 0.3 },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex h-10 w-10 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: logo, alt: "Logo", className: "h-10 w-10 object-contain" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "font-semibold text-sm", children: appName }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground", children: tagline })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-1 items-center", children: [
-            showTabs && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              NavigationTabs,
-              {
-                activeTab,
-                onTabChange,
-                tabOptions
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3 ml-auto", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_react5.motion.div,
-                {
-                  className: "hidden md:flex gap-2",
-                  initial: { opacity: 0, x: 20 },
-                  animate: { opacity: 1, x: 0 },
-                  transition: { duration: 0.3, ease: "easeOut", delay: 0.1 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                    import_react5.motion.div,
-                    {
-                      whileHover: { scale: 1.05 },
-                      whileTap: { scale: 0.95 },
-                      transition: { type: "spring", stiffness: 400, damping: 17 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                        Button,
-                        {
-                          className: "rounded-2xl transition-all duration-200 hover:shadow-md",
-                          onClick: onActionClick,
-                          children: [
-                            actionIcon,
-                            actionText
-                          ]
-                        }
-                      )
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThemeToggle, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Tooltip, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                  import_react5.motion.div,
-                  {
-                    whileHover: { scale: 1.05 },
-                    whileTap: { scale: 0.95 },
-                    transition: { type: "spring", stiffness: 400, damping: 17 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                      Button,
-                      {
-                        variant: "ghost",
-                        size: "icon",
-                        className: "rounded-2xl relative transition-all duration-200",
-                        onClick: () => setNotificationsPanelOpen(true),
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                            import_react5.motion.div,
-                            {
-                              animate: unreadCount > 0 ? { rotate: [0, -10, 10, -10, 0] } : {},
-                              transition: {
-                                duration: 0.5,
-                                repeat: unreadCount > 0 ? Infinity : 0,
-                                repeatDelay: 3
-                              },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Bell, { className: "h-5 w-5" })
-                            }
-                          ),
-                          unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                            import_react5.motion.span,
-                            {
-                              className: "absolute -right-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-xs text-white",
-                              initial: { scale: 0 },
-                              animate: { scale: 1 },
-                              transition: { type: "spring", stiffness: 500, damping: 15 },
-                              children: unreadCount
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipContent, { children: "Notifications" })
-              ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_react5.motion.div,
-                {
-                  whileHover: { scale: 1.05 },
-                  whileTap: { scale: 0.95 },
-                  transition: { type: "spring", stiffness: 400, damping: 17 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Avatar, { className: "h-9 w-9 border-2 border-primary transition-all duration-200 hover:shadow-md cursor-pointer", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarImage, { src: "/placeholder.svg?height=40&width=40", alt: "User" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarFallback, {})
-                  ] })
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      NotificationsPanel,
-      {
-        notifications: notificationsData,
-        open: notificationsPanelOpen,
-        onClose: () => setNotificationsPanelOpen(false),
-        onNotificationRemove: handleNotificationRemove,
-        onRemoveAll: handleRemoveAll
-      }
-    )
-  ] });
-}
-
-// src/components/DigitalColleagues/DigitalColleageusLayout.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var businessUnits2 = [
-  {
-    id: "copilot",
-    name: "Peronal Copilot",
-    description: "Your personal AI assistant for all tasks",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.User, { className: "h-4 w-4" }),
-    color: "bg-orange-600",
-    accentColor: "text-orange-600"
-  }
-];
-function DigitalColleageusLayout({
-  sidebarItems,
-  children,
-  title = "Digital Colleagues",
-  notifications = [],
-  currentBusinessUnit = businessUnits2[0],
-  // Default to Design unit
-  onBusinessUnitChange,
-  onSearch,
-  businessUnits: businessUnitsProp = businessUnits2,
-  activeTab,
-  onTabChange,
-  showTabs = false,
-  onActionClick,
-  actionIcon,
-  actionText = "Action",
-  onNotificationRemove,
-  onRemoveAll,
-  logo = "/headerlogo.png",
-  appName = "Nuvia",
-  tagline = "Collaboration Platform",
-  sidebarInitiallyClosed = false
-}) {
-  const [sidebarOpen, setSidebarOpen] = (0, import_react6.useState)(!sidebarInitiallyClosed);
-  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react6.useState)(false);
-  const [localBusinessUnit, setLocalBusinessUnit] = (0, import_react6.useState)(currentBusinessUnit);
-  const handleBusinessUnitChange = (unit) => {
-    setLocalBusinessUnit(unit);
-    onBusinessUnitChange?.(unit);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex h-full flex-col overflow-hidden rounded-xl  bg-background w-[]", children: [
-    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fixed inset-0 z-40 bg-black/50 md:hidden", onClick: () => setMobileMenuOpen(false) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      AppSidebar,
-      {
-        items: sidebarItems,
-        isOpen: mobileMenuOpen,
-        isMobile: true,
-        onClose: () => setMobileMenuOpen(false),
-        currentBusinessUnit: localBusinessUnit,
-        onBusinessUnitChange: handleBusinessUnitChange,
-        onSearch,
-        logo,
-        appName,
-        tagline
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      AppSidebar,
-      {
-        items: sidebarItems,
-        isOpen: sidebarOpen,
-        isMobile: false,
-        currentBusinessUnit: localBusinessUnit,
-        onBusinessUnitChange: handleBusinessUnitChange,
-        onSearch,
-        logo,
-        appName,
-        tagline
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("min-h-screen fixed w-full transition-all duration-300 ease-in-out", sidebarOpen ? "md:pl-64" : "md:pl-0"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        AppHeader,
-        {
-          title,
-          notifications,
-          onToggleSidebar: () => setSidebarOpen(!sidebarOpen),
-          onToggleMobileMenu: () => setMobileMenuOpen(true),
-          sidebarOpen,
-          activeTab,
-          onTabChange,
-          showTabs,
-          onActionClick,
-          actionIcon,
-          actionText,
-          onNotificationRemove,
-          onRemoveAll,
-          logo,
-          appName,
-          tagline
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("main", { className: "flex-1 p-0 flex flex-col h-[calc(100vh-4rem)] overflow-hidden", children })
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DigitalColleageusLayout
-});