juxscript 1.0.19 → 1.0.21

package/lib/jux.ts

@@ -4,35 +4,36 @@
  */
 
 import { state } from './reactivity/state.js';
+import { Guard, type GuardOptions, guard } from './components/guard.js';
 import { Data, data } from './components/data.js';
-import { table, Table, type TableOptions, type TableColumn } from './components/table.js';
+import { table, Table, type TableOptions } from './components/table.js';
 import { hero, Hero, type HeroOptions } from './components/hero.js';
 import { card, Card, type CardOptions } from './components/card.js';
 import { button, Button, type ButtonOptions } from './components/button.js';
-import { header, Header, type HeaderOptions } from './components/header.js';
-import { footer, Footer, type FooterOptions } from './components/footer.js';
-import { main, Main, type MainOptions } from './components/main.js';
-import { sidebar, Sidebar, type SidebarOptions } from './components/sidebar.js';
+import {
+  element, Element, type ElementOptions,
+  header, footer, main, aside, section, article, div, span
+} from './components/element.js';
 import { container, Container, type ContainerOptions } from './components/container.js';
 import { modal, Modal, type ModalOptions } from './components/modal.js';
 import { tabs, Tabs, type TabsOptions, type Tab } from './components/tabs.js';
 import { list, List, type ListOptions, type ListItem } from './components/list.js';
 import { menu, Menu, type MenuOptions, type MenuItem } from './components/menu.js';
 import { nav, Nav, type NavOptions, type NavItem } from './components/nav.js';
-import { chart, Chart, type ChartOptions } from './components/chart.js';
 import { view, View, type ViewOptions } from './components/view.js';
 import { code, Code, type CodeOptions } from './components/code.js';
-import { input, Input, type InputOptions } from './components/input.js';
-import { app, App, AppOptions } from './components/app.js';
+import {
+  input, Input, type InputOptions,
+  text, number, email, password, tel, url, textarea, range, date, time, color
+} from './components/input.js';
+import { app, App, type AppOptions } from './components/app.js';
 import { style, Style } from './components/style.js';
 import { script, Script } from './components/script.js';
-import { layout, Layout } from './components/layout.js';
 import { ErrorHandler } from './components/error-handler.js';
 import { include, Include } from './components/include.js';
 import { themeToggle, ThemeToggle, type ThemeToggleOptions, type Theme } from './components/theme-toggle.js';
 import { tokenCalculator, TokenCalculator, type TokenCalculatorOptions } from './components/token-calculator.js';
 import { write, Write, type WriteOptions } from './components/write.js';
-import { element, Element, type ElementOptions } from './components/element.js';
 import { alert, Alert, type AlertOptions } from './components/alert.js';
 import { loading, Loading, type LoadingOptions } from './components/loading.js';
 import { checkbox, Checkbox, type CheckboxOptions } from './components/checkbox.js';
@@ -49,27 +50,30 @@ import { fileupload, FileUpload, type FileUploadOptions } from './components/fil
 import { req, Req, type RequestInfo } from './components/req.js';
 import { heading, Heading, type HeadingOptions } from './components/heading.js';
 import { paragraph, Paragraph, type ParagraphOptions } from './components/paragraph.js';
-import { barchart, BarChart, type BarChartOptions, type BarChartDataPoint } from './components/barchart.js';
-import { areachart, AreaChart, type AreaChartOptions, type AreaChartDataPoint } from './components/areachart.js';
-import { areachartsmooth, AreaChartSmooth, type AreaChartSmoothOptions, AreaChartSmoothDataPoint } from './components/areachartsmooth.js';
-import { doughnutchart, DoughnutChart, type DoughnutChartOptions, type DoughnutChartDataPoint } from './components/doughnutchart.js';
-import { kpicard, KPICard, type KPICardOptions } from './components/kpicard.js';
 import { divider, Divider, type DividerOptions } from './components/divider.js';
+import { icon as iconComponent, Icon, type IconOptions } from './components/icon.js';
+import { renderIcon, renderEmoji } from './components/icons.js';
+import { sidebar, Sidebar, type SidebarOptions } from './components/sidebar.js';
+
+// ✅ NEW: Chart imports from /charts folder
+import { chart, Chart, type ChartOptions } from './components/charts/lib/chart.js';
+import { barchart, BarChart, type BarChartOptions } from './components/charts/barchart.js';
+import { areachart, AreaChart, type AreaChartOptions } from './components/charts/areachart.js';
+import { doughnutchart, DoughnutChart, type DoughnutChartOptions } from './components/charts/doughnutchart.js';
+import { kpicard, KPICard, type KPICardOptions } from './components/kpicard.js';
+import type { ChartDataPoint } from './components/charts/lib/BaseChart.js';
 
 /* -------------------------
  * Type Exports
  * ------------------------- */
 
 export type {
+  GuardOptions,
   HeroOptions,
   ButtonOptions,
   ContainerOptions,
   ListOptions,
   ListItem,
-  HeaderOptions,
-  FooterOptions,
-  MainOptions,
-  SidebarOptions,
   ModalOptions,
   TabsOptions,
   Tab,
@@ -79,7 +83,6 @@ export type {
   NavItem,
   ViewOptions,
   TableOptions,
-  TableColumn,
   ChartOptions,
   CodeOptions,
   InputOptions,
@@ -110,15 +113,13 @@ export type {
   HeadingOptions,
   ParagraphOptions,
   BarChartOptions,
-  BarChartDataPoint,
   AreaChartOptions,
-  AreaChartDataPoint,
-  AreaChartSmoothOptions,
-  AreaChartSmoothDataPoint,
   DoughnutChartOptions,
-  DoughnutChartDataPoint,
   KPICardOptions,
-  DividerOptions
+  ChartDataPoint,
+  DividerOptions,
+  IconOptions,
+  SidebarOptions
 };
 
 /* -------------------------
@@ -126,6 +127,7 @@ export type {
  * ------------------------- */
 
 export {
+  Guard,
   Data,
   Hero,
   Card,
@@ -133,10 +135,6 @@ export {
   Container,
   List,
   Table,
-  Header,
-  Footer,
-  Main,
-  Sidebar,
   Modal,
   Tabs,
   Menu,
@@ -148,7 +146,6 @@ export {
   App,
   Style,
   Script,
-  Layout,
   Include,
   ThemeToggle,
   TokenCalculator,
@@ -172,10 +169,11 @@ export {
   Paragraph,
   BarChart,
   AreaChart,
-  AreaChartSmooth,
   DoughnutChart,
   KPICard,
-  Divider
+  Divider,
+  Icon,
+  Sidebar
 };
 
 /* -------------------------
@@ -188,8 +186,14 @@ export interface JuxAPI {
   param(name: string): string | null;
   req: typeof req;
 
+  // Icon utilities
+  icon: typeof renderIcon;
+  emoji: typeof renderEmoji;
+  iconComponent: typeof iconComponent;
+
   // Component factories
   data: typeof data;
+  guard: typeof guard;
   table: typeof table;
   hero: typeof hero;
   card: typeof card;
@@ -198,20 +202,24 @@ export interface JuxAPI {
   footer: typeof footer;
   main: typeof main;
   sidebar: typeof sidebar;
+  aside: typeof aside;
+  section: typeof section;
+  article: typeof article;
   container: typeof container;
   modal: typeof modal;
   tabs: typeof tabs;
   list: typeof list;
   menu: typeof menu;
   nav: typeof nav;
+  div: typeof div;
+  span: typeof span;
   chart: typeof chart;
   code: typeof code;
-  input: typeof input;
+
   view: typeof view;
   app: typeof app;
   style: typeof style;
   script: typeof script;
-  layout: typeof layout;
   include: typeof include;
   themeToggle: typeof themeToggle;
   tokenCalculator: typeof tokenCalculator;
@@ -234,10 +242,23 @@ export interface JuxAPI {
   paragraph: typeof paragraph;
   barchart: typeof barchart;
   areachart: typeof areachart;
-  areachartsmooth: typeof areachartsmooth;
   doughnutchart: typeof doughnutchart;
   kpicard: typeof kpicard;
   divider: typeof divider;
+
+  // Input factories
+  input: typeof input;
+  text: typeof text;
+  number: typeof number;
+  email: typeof email;
+  password: typeof password;
+  tel: typeof tel;
+  url: typeof url;
+  textarea: typeof textarea;
+  range: typeof range;
+  date: typeof date;
+  time: typeof time;
+  color: typeof color;
 }
 
 /* -------------------------
@@ -266,8 +287,14 @@ class Jux implements JuxAPI {
   // Request utilities
   req = req;
 
+  // Icon utilities
+  icon = renderIcon;
+  emoji = renderEmoji;
+  iconComponent = iconComponent;
+
   // Component factory methods
   data = data;
+  guard = guard;
   table = table;
   hero = hero;
   card = card;
@@ -276,6 +303,9 @@ class Jux implements JuxAPI {
   footer = footer;
   main = main;
   sidebar = sidebar;
+  aside = aside;
+  section = section;
+  article = article;
   container = container;
   modal = modal;
   tabs = tabs;
@@ -283,14 +313,14 @@ class Jux implements JuxAPI {
   menu = menu;
   code = code;
   nav = nav;
-  input = input;
-  view = view;
+  div = div;
+  span = span;
   chart = chart;
+  view = view;
   app = app;
   include = include;
   style = style;
   script = script;
-  layout = layout;
   themeToggle = themeToggle;
   tokenCalculator = tokenCalculator;
   write = write;
@@ -312,10 +342,23 @@ class Jux implements JuxAPI {
   paragraph = paragraph;
   barchart = barchart;
   areachart = areachart;
-  areachartsmooth = areachartsmooth;
   doughnutchart = doughnutchart;
   kpicard = kpicard;
   divider = divider;
+
+  // Input factories
+  input = input;
+  text = text;
+  number = number;
+  email = email;
+  password = password;
+  tel = tel;
+  url = url;
+  textarea = textarea;
+  range = range;
+  date = date;
+  time = time;
+  color = color;
 }
 /**
  * Global jux singleton instance
@@ -335,5 +378,7 @@ export {
   jux,
   state,
   req,
-  ErrorHandler
+  ErrorHandler,
+  renderIcon,
+  renderEmoji
 };