@orion-ds/react 4.9.0 → 4.9.2

package/dist/index108.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={theme:"light",semantic:{surface:{base:"{color.neutral.0}",subtle:"{color.neutral.50}",layer:"{color.neutral.100}",primary:"{color.neutral.100}",secondary:"{color.neutral.50}",glass:"color-mix(in srgb, {color.neutral.0} 70%, transparent)",sunken:"color-mix(in srgb, {color.neutral.0} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 50%, transparent)"},text:{primary:"{color.neutral.900}",secondary:"{color.neutral.500}",tertiary:"{color.neutral.400}",inverse:"{color.neutral.0}",brand:"{color.brand.500}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.200}",strong:"{color.neutral.300}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.700}",text:"{color.neutral.0}"},secondary:{default:"{color.neutral.100}",hover:"{color.neutral.200}",text:"{color.neutral.900}"},ghost:{hover:"color-mix(in srgb, {color.neutral.1000} 5%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 10%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 20%, transparent)",success:"color-mix(in srgb, {color.success.500} 10%, transparent)",error:"color-mix(in srgb, {color.error.500} 10%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 10%, transparent)",info:"color-mix(in srgb, {color.info.500} 10%, transparent)"},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.500}",2:"{color.brand.300}",3:"{color.brand.700}",4:"{color.success.500}",5:"{color.warning.500}"}}},o={theme:"dark",semantic:{surface:{base:"{color.neutral.900}",subtle:"{color.neutral.950}",layer:"{color.neutral.900}",primary:"{color.neutral.900}",secondary:"{color.neutral.900}",glass:"color-mix(in srgb, {color.neutral.950} 60%, transparent)",sunken:"color-mix(in srgb, {color.neutral.950} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 70%, transparent)"},text:{primary:"{color.neutral.50}",secondary:"{color.neutral.400}",tertiary:"{color.neutral.600}",inverse:"{color.neutral.950}",brand:"{color.brand.400}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.800}",strong:"{color.neutral.700}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.400}",text:"{color.neutral.900}"},secondary:{default:"{color.neutral.800}",hover:"{color.neutral.700}",text:"{color.neutral.50}"},ghost:{hover:"color-mix(in srgb, {color.neutral.0} 10%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 15%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 25%, transparent)",success:"color-mix(in srgb, {color.success.500} 15%, transparent)",error:"color-mix(in srgb, {color.error.500} 15%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 15%, transparent)",info:"color-mix(in srgb, {color.info.500} 15%, transparent)"},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.400}",2:"{color.brand.200}",3:"{color.brand.600}",4:"{color.success.500}",5:"{color.warning.500}"}}},n={light:r,dark:o};exports.darkTheme=o;exports.lightTheme=r;exports.themes=n;

package/dist/index108.mjs

@@ -1,157 +0,0 @@
-const r = {
-  theme: "light",
-  semantic: {
-    surface: {
-      base: "{color.neutral.0}",
-      subtle: "{color.neutral.50}",
-      layer: "{color.neutral.100}",
-      primary: "{color.neutral.100}",
-      secondary: "{color.neutral.50}",
-      glass: "color-mix(in srgb, {color.neutral.0} 70%, transparent)",
-      sunken: "color-mix(in srgb, {color.neutral.0} 40%, transparent)",
-      overlay: "color-mix(in srgb, {color.neutral.1000} 50%, transparent)"
-    },
-    text: {
-      primary: "{color.neutral.900}",
-      secondary: "{color.neutral.500}",
-      tertiary: "{color.neutral.400}",
-      inverse: "{color.neutral.0}",
-      brand: "{color.brand.500}",
-      "on-brand": {
-        primary: "{color.neutral.0}",
-        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
-        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
-      }
-    },
-    border: {
-      subtle: "{color.neutral.200}",
-      strong: "{color.neutral.300}",
-      interactive: "{color.brand.500}"
-    },
-    interactive: {
-      primary: {
-        default: "{color.brand.500}",
-        hover: "{color.brand.700}",
-        text: "{color.neutral.0}"
-      },
-      secondary: {
-        default: "{color.neutral.100}",
-        hover: "{color.neutral.200}",
-        text: "{color.neutral.900}"
-      },
-      ghost: {
-        hover: "color-mix(in srgb, {color.neutral.1000} 5%, transparent)"
-      }
-    },
-    status: {
-      error: "{color.error.500}",
-      success: "{color.success.500}",
-      warning: "{color.warning.500}",
-      info: "{color.info.500}"
-    },
-    soft: {
-      brand: "color-mix(in srgb, {color.brand.500} 10%, transparent)",
-      "brand-hover": "color-mix(in srgb, {color.brand.500} 20%, transparent)",
-      success: "color-mix(in srgb, {color.success.500} 10%, transparent)",
-      error: "color-mix(in srgb, {color.error.500} 10%, transparent)",
-      warning: "color-mix(in srgb, {color.warning.500} 10%, transparent)",
-      info: "color-mix(in srgb, {color.info.500} 10%, transparent)"
-    },
-    focus: {
-      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"
-    },
-    gradient: {
-      start: "{color.brand.400}",
-      end: "{color.brand.600}"
-    },
-    chart: {
-      1: "{color.brand.500}",
-      2: "{color.brand.300}",
-      3: "{color.brand.700}",
-      4: "{color.success.500}",
-      5: "{color.warning.500}"
-    }
-  }
-}, o = {
-  theme: "dark",
-  semantic: {
-    surface: {
-      base: "{color.neutral.900}",
-      subtle: "{color.neutral.950}",
-      layer: "{color.neutral.900}",
-      primary: "{color.neutral.900}",
-      secondary: "{color.neutral.900}",
-      glass: "color-mix(in srgb, {color.neutral.950} 60%, transparent)",
-      sunken: "color-mix(in srgb, {color.neutral.950} 40%, transparent)",
-      overlay: "color-mix(in srgb, {color.neutral.1000} 70%, transparent)"
-    },
-    text: {
-      primary: "{color.neutral.50}",
-      secondary: "{color.neutral.400}",
-      tertiary: "{color.neutral.600}",
-      inverse: "{color.neutral.950}",
-      brand: "{color.brand.400}",
-      "on-brand": {
-        primary: "{color.neutral.0}",
-        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
-        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
-      }
-    },
-    border: {
-      subtle: "{color.neutral.800}",
-      strong: "{color.neutral.700}",
-      interactive: "{color.brand.500}"
-    },
-    interactive: {
-      primary: {
-        default: "{color.brand.500}",
-        hover: "{color.brand.400}",
-        text: "{color.neutral.900}"
-      },
-      secondary: {
-        default: "{color.neutral.800}",
-        hover: "{color.neutral.700}",
-        text: "{color.neutral.50}"
-      },
-      ghost: {
-        hover: "color-mix(in srgb, {color.neutral.0} 10%, transparent)"
-      }
-    },
-    status: {
-      error: "{color.error.500}",
-      success: "{color.success.500}",
-      warning: "{color.warning.500}",
-      info: "{color.info.500}"
-    },
-    soft: {
-      brand: "color-mix(in srgb, {color.brand.500} 15%, transparent)",
-      "brand-hover": "color-mix(in srgb, {color.brand.500} 25%, transparent)",
-      success: "color-mix(in srgb, {color.success.500} 15%, transparent)",
-      error: "color-mix(in srgb, {color.error.500} 15%, transparent)",
-      warning: "color-mix(in srgb, {color.warning.500} 15%, transparent)",
-      info: "color-mix(in srgb, {color.info.500} 15%, transparent)"
-    },
-    focus: {
-      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"
-    },
-    gradient: {
-      start: "{color.brand.400}",
-      end: "{color.brand.600}"
-    },
-    chart: {
-      1: "{color.brand.400}",
-      2: "{color.brand.200}",
-      3: "{color.brand.600}",
-      4: "{color.success.500}",
-      5: "{color.warning.500}"
-    }
-  }
-}, n = {
-  light: r,
-  dark: o
-};
-export {
-  o as darkTheme,
-  r as lightTheme,
-  n as themes
-};

package/dist/index109.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark">',css:"/* No additional CSS needed - default */",attribute:null}},deepblue:{name:"Deepblue",description:"Deepblue brand - Deep Blue with Work Sans typography",accent:{primary:"{color.brand.deepblue.500}",light:"{color.brand.deepblue.100}",dark:"{color.brand.deepblue.800}"},typography:{primary:"Work Sans",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.400}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="deepblue">',css:'/* Included in theme.css via [data-brand="deepblue"] */',attribute:"deepblue"}},red:{name:"Red",description:"Red brand - Red with Poppins typography and pill buttons",accent:{primary:"{color.brand.red.500}",light:"{color.brand.red.100}",dark:"{color.brand.red.900}"},typography:{primary:"Poppins",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"var(--radius-lg)",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.600}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="red">',css:'/* Included in theme.css via [data-brand="red"] */',attribute:"red"}},orange:{name:"Orange",description:"Orange brand - Red-Orange with pill buttons",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.full}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="orange">',css:'/* Included in theme.css via [data-brand="orange"] */',attribute:"orange"}},ember:{name:"Ember",description:"Ember brand — Orange accent with dark neutral buttons and rectangular geometry",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.xl}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.neutral.900}",interactivePrimaryHover:"{color.neutral.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.neutral.100}",interactivePrimaryHover:"{color.neutral.0}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="light|dark" data-brand="ember">',css:'/* Included in theme.css via [data-brand="ember"] */',attribute:"ember"}},lemon:{name:"Lemon",description:"Lemon brand - Bright lime green with Anton typography and highly rounded design",accent:{primary:"{color.brand.lemon.600}",light:"{color.brand.lemon.100}",dark:"{color.brand.lemon.900}"},typography:{primary:"Anton",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.lg}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.lemon.700}",interactivePrimaryHover:"{color.brand.lemon.800}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.lemon.500}",interactivePrimaryHover:"{color.brand.lemon.600}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="lemon">',css:'/* Included in theme.css via [data-brand="lemon"] */',attribute:"lemon"}}},e="orion";exports.brands=r;exports.defaultBrand=e;

package/dist/index109.mjs

@@ -1,222 +0,0 @@
-const r = {
-  orion: {
-    name: "Orion",
-    description: "Default brand - Orion Blue, professional rounded corners",
-    accent: {
-      primary: "{color.brand.orion.500}",
-      light: "{color.brand.orion.100}",
-      dark: "{color.brand.orion.900}"
-    },
-    typography: {
-      primary: "Libre Baskerville",
-      secondary: "Inter",
-      mono: "JetBrains Mono"
-    },
-    geometry: {
-      radiusControl: "{radius.md}",
-      radiusContainer: "{radius.lg}",
-      buttonStyle: "pill"
-    },
-    semantic: {
-      light: {
-        interactivePrimary: "{color.brand.orion.500}",
-        interactivePrimaryHover: "{color.brand.orion.700}",
-        interactivePrimaryText: "{color.neutral.0}"
-      },
-      dark: {
-        interactivePrimary: "{color.brand.orion.500}",
-        interactivePrimaryHover: "{color.brand.orion.400}",
-        interactivePrimaryText: "{color.neutral.0}"
-      }
-    },
-    usage: {
-      html: '<html data-theme="dark">',
-      css: "/* No additional CSS needed - default */",
-      attribute: null
-    }
-  },
-  deepblue: {
-    name: "Deepblue",
-    description: "Deepblue brand - Deep Blue with Work Sans typography",
-    accent: {
-      primary: "{color.brand.deepblue.500}",
-      light: "{color.brand.deepblue.100}",
-      dark: "{color.brand.deepblue.800}"
-    },
-    typography: {
-      primary: "Work Sans",
-      secondary: "Work Sans",
-      mono: "JetBrains Mono"
-    },
-    geometry: {
-      radiusControl: "{radius.md}",
-      radiusContainer: "{radius.lg}",
-      buttonStyle: "rounded"
-    },
-    semantic: {
-      light: {
-        interactivePrimary: "{color.brand.deepblue.500}",
-        interactivePrimaryHover: "{color.brand.deepblue.700}",
-        interactivePrimaryText: "{color.neutral.0}"
-      },
-      dark: {
-        interactivePrimary: "{color.brand.deepblue.500}",
-        interactivePrimaryHover: "{color.brand.deepblue.400}",
-        interactivePrimaryText: "{color.neutral.900}"
-      }
-    },
-    usage: {
-      html: '<html data-theme="dark" data-brand="deepblue">',
-      css: '/* Included in theme.css via [data-brand="deepblue"] */',
-      attribute: "deepblue"
-    }
-  },
-  red: {
-    name: "Red",
-    description: "Red brand - Red with Poppins typography and pill buttons",
-    accent: {
-      primary: "{color.brand.red.500}",
-      light: "{color.brand.red.100}",
-      dark: "{color.brand.red.900}"
-    },
-    typography: {
-      primary: "Poppins",
-      secondary: "Inter",
-      mono: "JetBrains Mono"
-    },
-    geometry: {
-      radiusControl: "var(--radius-lg)",
-      radiusContainer: "{radius.lg}",
-      buttonStyle: "pill"
-    },
-    semantic: {
-      light: {
-        interactivePrimary: "{color.brand.red.500}",
-        interactivePrimaryHover: "{color.brand.red.600}",
-        interactivePrimaryText: "{color.neutral.0}"
-      },
-      dark: {
-        interactivePrimary: "{color.brand.red.500}",
-        interactivePrimaryHover: "{color.brand.red.400}",
-        interactivePrimaryText: "{color.neutral.0}"
-      }
-    },
-    usage: {
-      html: '<html data-theme="dark" data-brand="red">',
-      css: '/* Included in theme.css via [data-brand="red"] */',
-      attribute: "red"
-    }
-  },
-  orange: {
-    name: "Orange",
-    description: "Orange brand - Red-Orange with pill buttons",
-    accent: {
-      primary: "{color.brand.orange.500}",
-      light: "{color.brand.orange.100}",
-      dark: "{color.brand.orange.900}"
-    },
-    typography: {
-      primary: "DM Sans",
-      secondary: "Inter",
-      mono: "JetBrains Mono"
-    },
-    geometry: {
-      radiusControl: "{radius.full}",
-      radiusContainer: "{radius.lg}",
-      buttonStyle: "pill"
-    },
-    semantic: {
-      light: {
-        interactivePrimary: "{color.brand.orange.500}",
-        interactivePrimaryHover: "{color.brand.orange.700}",
-        interactivePrimaryText: "{color.neutral.0}"
-      },
-      dark: {
-        interactivePrimary: "{color.brand.orange.500}",
-        interactivePrimaryHover: "{color.brand.orange.400}",
-        interactivePrimaryText: "{color.neutral.0}"
-      }
-    },
-    usage: {
-      html: '<html data-theme="dark" data-brand="orange">',
-      css: '/* Included in theme.css via [data-brand="orange"] */',
-      attribute: "orange"
-    }
-  },
-  ember: {
-    name: "Ember",
-    description: "Ember brand — Orange accent with dark neutral buttons and rectangular geometry",
-    accent: {
-      primary: "{color.brand.orange.500}",
-      light: "{color.brand.orange.100}",
-      dark: "{color.brand.orange.900}"
-    },
-    typography: {
-      primary: "DM Sans",
-      secondary: "Inter",
-      mono: "JetBrains Mono"
-    },
-    geometry: {
-      radiusControl: "{radius.md}",
-      radiusContainer: "{radius.xl}",
-      buttonStyle: "rounded"
-    },
-    semantic: {
-      light: {
-        interactivePrimary: "{color.neutral.900}",
-        interactivePrimaryHover: "{color.neutral.700}",
-        interactivePrimaryText: "{color.neutral.0}"
-      },
-      dark: {
-        interactivePrimary: "{color.neutral.100}",
-        interactivePrimaryHover: "{color.neutral.0}",
-        interactivePrimaryText: "{color.neutral.900}"
-      }
-    },
-    usage: {
-      html: '<html data-theme="light|dark" data-brand="ember">',
-      css: '/* Included in theme.css via [data-brand="ember"] */',
-      attribute: "ember"
-    }
-  },
-  lemon: {
-    name: "Lemon",
-    description: "Lemon brand - Bright lime green with Anton typography and highly rounded design",
-    accent: {
-      primary: "{color.brand.lemon.600}",
-      light: "{color.brand.lemon.100}",
-      dark: "{color.brand.lemon.900}"
-    },
-    typography: {
-      primary: "Anton",
-      secondary: "Work Sans",
-      mono: "JetBrains Mono"
-    },
-    geometry: {
-      radiusControl: "{radius.lg}",
-      radiusContainer: "{radius.lg}",
-      buttonStyle: "pill"
-    },
-    semantic: {
-      light: {
-        interactivePrimary: "{color.brand.lemon.700}",
-        interactivePrimaryHover: "{color.brand.lemon.800}",
-        interactivePrimaryText: "{color.neutral.0}"
-      },
-      dark: {
-        interactivePrimary: "{color.brand.lemon.500}",
-        interactivePrimaryHover: "{color.brand.lemon.600}",
-        interactivePrimaryText: "{color.neutral.900}"
-      }
-    },
-    usage: {
-      html: '<html data-theme="dark" data-brand="lemon">',
-      css: '/* Included in theme.css via [data-brand="lemon"] */',
-      attribute: "lemon"
-    }
-  }
-}, e = "orion";
-export {
-  r as brands,
-  e as defaultBrand
-};

package/dist/index11.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index32.cjs");exports.Chat=t.Chat;

package/dist/index11.mjs

@@ -1,4 +0,0 @@
-import { Chat as t } from "./index32.mjs";
-export {
-  t as Chat
-};

package/dist/index110.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),a=require("./index248.cjs"),r=i.forwardRef(({activities:s,showFilters:o=!1,filters:c=[],activeFilter:u,onFilterChange:m,compact:d=!1,hasMore:f=!1,onLoadMore:h,emptyMessage:j="No activities yet",className:p},N)=>{const[l,x]=i.useState(u||"all"),v=e=>{x(e),m?.(e)},n=l==="all"?s:s.filter(e=>e.type===l);return t.jsxs("section",{ref:N,className:`${a.default.section} ${p||""}`,children:[o&&c.length>0&&t.jsx("div",{className:a.default.filters,children:c.map(e=>t.jsxs("button",{className:`${a.default.filterButton} ${l===e.value?a.default.filterButtonActive:""}`,onClick:()=>v(e.value),type:"button",children:[e.label,e.count!=null&&t.jsx("span",{className:a.default.filterCount,children:e.count})]},e.value))}),n.length===0?t.jsx("div",{className:a.default.empty,children:j}):t.jsx("div",{className:a.default.list,children:n.map(e=>t.jsxs("div",{className:`${a.default.item} ${d?a.default.itemCompact:""}`,children:[e.iconVariant&&t.jsx("div",{className:`${a.default.iconIndicator} ${a.default[`icon${e.iconVariant.charAt(0).toUpperCase()+e.iconVariant.slice(1)}`]||""}`}),e.actor.avatar?t.jsx("img",{src:e.actor.avatar,alt:e.actor.name,className:`${a.default.avatar} ${d?a.default.avatarCompact:""}`}):t.jsx("div",{className:a.default.avatarPlaceholder,children:e.actor.name.charAt(0)}),t.jsxs("div",{className:a.default.content,children:[t.jsx("p",{className:a.default.title,children:e.title}),e.description&&t.jsx("p",{className:a.default.description,children:e.description})]}),t.jsx("span",{className:a.default.time,children:e.relativeTime})]},e.id))}),f&&t.jsx("div",{className:a.default.loadMore,children:t.jsx("button",{className:a.default.loadMoreButton,onClick:h,type:"button",children:"Load more"})})]})});r.displayName="ActivityFeed";exports.ActivityFeed=r;

package/dist/index110.mjs

@@ -1,77 +0,0 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import A, { useState as C } from "react";
-import a from "./index248.mjs";
-const F = A.forwardRef(
-  ({
-    activities: c,
-    showFilters: i = !1,
-    filters: n = [],
-    activeFilter: d,
-    onFilterChange: m,
-    compact: r = !1,
-    hasMore: h = !1,
-    onLoadMore: p,
-    emptyMessage: N = "No activities yet",
-    className: u
-  }, v) => {
-    const [s, $] = C(d || "all"), f = (e) => {
-      $(e), m?.(e);
-    }, o = s === "all" ? c : c.filter((e) => e.type === s);
-    return /* @__PURE__ */ t("section", { ref: v, className: `${a.section} ${u || ""}`, children: [
-      i && n.length > 0 && /* @__PURE__ */ l("div", { className: a.filters, children: n.map((e) => /* @__PURE__ */ t(
-        "button",
-        {
-          className: `${a.filterButton} ${s === e.value ? a.filterButtonActive : ""}`,
-          onClick: () => f(e.value),
-          type: "button",
-          children: [
-            e.label,
-            e.count != null && /* @__PURE__ */ l("span", { className: a.filterCount, children: e.count })
-          ]
-        },
-        e.value
-      )) }),
-      o.length === 0 ? /* @__PURE__ */ l("div", { className: a.empty, children: N }) : /* @__PURE__ */ l("div", { className: a.list, children: o.map((e) => /* @__PURE__ */ t(
-        "div",
-        {
-          className: `${a.item} ${r ? a.itemCompact : ""}`,
-          children: [
-            e.iconVariant && /* @__PURE__ */ l(
-              "div",
-              {
-                className: `${a.iconIndicator} ${a[`icon${e.iconVariant.charAt(0).toUpperCase() + e.iconVariant.slice(1)}`] || ""}`
-              }
-            ),
-            e.actor.avatar ? /* @__PURE__ */ l(
-              "img",
-              {
-                src: e.actor.avatar,
-                alt: e.actor.name,
-                className: `${a.avatar} ${r ? a.avatarCompact : ""}`
-              }
-            ) : /* @__PURE__ */ l("div", { className: a.avatarPlaceholder, children: e.actor.name.charAt(0) }),
-            /* @__PURE__ */ t("div", { className: a.content, children: [
-              /* @__PURE__ */ l("p", { className: a.title, children: e.title }),
-              e.description && /* @__PURE__ */ l("p", { className: a.description, children: e.description })
-            ] }),
-            /* @__PURE__ */ l("span", { className: a.time, children: e.relativeTime })
-          ]
-        },
-        e.id
-      )) }),
-      h && /* @__PURE__ */ l("div", { className: a.loadMore, children: /* @__PURE__ */ l(
-        "button",
-        {
-          className: a.loadMoreButton,
-          onClick: p,
-          type: "button",
-          children: "Load more"
-        }
-      ) })
-    ] });
-  }
-);
-F.displayName = "ActivityFeed";
-export {
-  F as ActivityFeed
-};

package/dist/index111.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react");require("lucide-react");const c=require("./index187.cjs"),n=require("./index179.cjs"),o=require("./index189.cjs"),t=require("./index203.cjs"),p=d.forwardRef(({title:h="Edit Agent",agent:x,availableModels:i=["gpt-4","gpt-3.5-turbo","claude-3-opus"],onSave:m,onCancel:f,isLoading:r=!1,error:u,className:j,...v},b)=>{const[l,g]=d.useState(x||{id:"",name:"",description:"",model:i[0]||"gpt-4",systemPrompt:"",temperature:.7,maxTokens:2e3}),s=d.useCallback((a,C)=>{g(y=>({...y,[a]:C}))},[]),N=d.useCallback(()=>{l.name.trim()&&m?.(l)},[l,m]);return e.jsx("div",{ref:b,className:[t.default.root,j].filter(Boolean).join(" "),...v,children:e.jsxs(n.Card,{children:[e.jsx(n.Card.Header,{children:e.jsx("h2",{className:t.default.title,children:h})}),e.jsxs(n.Card.Body,{className:t.default.body,children:[u&&e.jsx("div",{className:t.default.error,children:u}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Agent Name",type:"text",placeholder:"e.g., Customer Support Bot",value:l.name,onChange:a=>s("name",a.target.value),disabled:r})}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Description",placeholder:"Brief description of the agent's purpose",value:l.description,onChange:a=>s("description",a.target.value),disabled:r})}),e.jsxs("div",{className:t.default.formRow,children:[e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"model",className:t.default.label,children:"Model"}),e.jsx("select",{id:"model",className:t.default.select,value:l.model,onChange:a=>s("model",a.target.value),disabled:r,children:i.map(a=>e.jsx("option",{value:a,children:a},a))})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Temperature",type:"number",min:"0",max:"2",step:"0.1",value:l.temperature,onChange:a=>s("temperature",parseFloat(a.target.value)),disabled:r})})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Max Tokens",type:"number",min:"1",max:"32000",value:l.maxTokens,onChange:a=>s("maxTokens",parseInt(a.target.value,10)),disabled:r})}),e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"system-prompt",className:t.default.label,children:"System Prompt"}),e.jsx("textarea",{id:"system-prompt",className:t.default.textarea,placeholder:"Define the agent's behavior and instructions",value:l.systemPrompt,onChange:a=>s("systemPrompt",a.target.value),disabled:r,rows:6})]})]}),e.jsxs(n.Card.Footer,{className:t.default.footer,children:[e.jsx(c.Button,{variant:"ghost",onClick:f,disabled:r,children:"Cancel"}),e.jsx(c.Button,{variant:"primary",onClick:N,isLoading:r,disabled:!l.name.trim(),children:"Save Agent"})]})]})})});p.displayName="AgentEditor";exports.AgentEditor=p;

package/dist/index111.mjs

@@ -1,158 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as F, useState as G, useCallback as p } from "react";
-import "lucide-react";
-import { Button as h } from "./index187.mjs";
-import { Card as m } from "./index179.mjs";
-import { Field as n } from "./index189.mjs";
-import r from "./index203.mjs";
-const A = F(
-  ({
-    title: u = "Edit Agent",
-    agent: v,
-    availableModels: i = ["gpt-4", "gpt-3.5-turbo", "claude-3-opus"],
-    onSave: d,
-    onCancel: f,
-    isLoading: l = !1,
-    error: c,
-    className: b,
-    ...g
-  }, N) => {
-    const [t, y] = G(
-      v || {
-        id: "",
-        name: "",
-        description: "",
-        model: i[0] || "gpt-4",
-        systemPrompt: "",
-        temperature: 0.7,
-        maxTokens: 2e3
-      }
-    ), o = p(
-      (a, C) => {
-        y((k) => ({
-          ...k,
-          [a]: C
-        }));
-      },
-      []
-    ), x = p(() => {
-      t.name.trim() && d?.(t);
-    }, [t, d]);
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: N,
-        className: [r.root, b].filter(Boolean).join(" "),
-        ...g,
-        children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(m.Header, { children: /* @__PURE__ */ e("h2", { className: r.title, children: u }) }),
-          /* @__PURE__ */ s(m.Body, { className: r.body, children: [
-            c && /* @__PURE__ */ e("div", { className: r.error, children: c }),
-            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
-              n,
-              {
-                label: "Agent Name",
-                type: "text",
-                placeholder: "e.g., Customer Support Bot",
-                value: t.name,
-                onChange: (a) => o("name", a.target.value),
-                disabled: l
-              }
-            ) }),
-            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
-              n,
-              {
-                label: "Description",
-                placeholder: "Brief description of the agent's purpose",
-                value: t.description,
-                onChange: (a) => o("description", a.target.value),
-                disabled: l
-              }
-            ) }),
-            /* @__PURE__ */ s("div", { className: r.formRow, children: [
-              /* @__PURE__ */ s("div", { className: r.formGroup, children: [
-                /* @__PURE__ */ e("label", { htmlFor: "model", className: r.label, children: "Model" }),
-                /* @__PURE__ */ e(
-                  "select",
-                  {
-                    id: "model",
-                    className: r.select,
-                    value: t.model,
-                    onChange: (a) => o("model", a.target.value),
-                    disabled: l,
-                    children: i.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
-                n,
-                {
-                  label: "Temperature",
-                  type: "number",
-                  min: "0",
-                  max: "2",
-                  step: "0.1",
-                  value: t.temperature,
-                  onChange: (a) => o("temperature", parseFloat(a.target.value)),
-                  disabled: l
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
-              n,
-              {
-                label: "Max Tokens",
-                type: "number",
-                min: "1",
-                max: "32000",
-                value: t.maxTokens,
-                onChange: (a) => o("maxTokens", parseInt(a.target.value, 10)),
-                disabled: l
-              }
-            ) }),
-            /* @__PURE__ */ s("div", { className: r.formGroup, children: [
-              /* @__PURE__ */ e("label", { htmlFor: "system-prompt", className: r.label, children: "System Prompt" }),
-              /* @__PURE__ */ e(
-                "textarea",
-                {
-                  id: "system-prompt",
-                  className: r.textarea,
-                  placeholder: "Define the agent's behavior and instructions",
-                  value: t.systemPrompt,
-                  onChange: (a) => o("systemPrompt", a.target.value),
-                  disabled: l,
-                  rows: 6
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ s(m.Footer, { className: r.footer, children: [
-            /* @__PURE__ */ e(
-              h,
-              {
-                variant: "ghost",
-                onClick: f,
-                disabled: l,
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ e(
-              h,
-              {
-                variant: "primary",
-                onClick: x,
-                isLoading: l,
-                disabled: !t.name.trim(),
-                children: "Save Agent"
-              }
-            )
-          ] })
-        ] })
-      }
-    );
-  }
-);
-A.displayName = "AgentEditor";
-export {
-  A as AgentEditor
-};

package/dist/index112.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("lucide-react");const l=require("./index258.cjs"),o=require("./index259.cjs"),t=({agents:r,agentCount:n,...a})=>e.jsx(o.CollapsibleFolder,{...a,items:r,itemCount:n,itemLabel:"Agente",itemLabelPlural:"Agentes",emptyText:"No hay agentes en esta carpeta",sortLabel:"Ordenar",renderItem:i=>e.jsx(l.AgentCard,{...i})});t.displayName="AgentFolder";exports.AgentFolder=t;