@ttdk-design-system/library-svelte 0.0.0-stage → 1.0.0

package/dist/web/grid/grid-item.svelte.d.ts

@@ -0,0 +1,112 @@
+import { SvelteComponent } from "svelte";
+export interface GridItemBreakpointProps {
+    /**
+     * Jumlah kolom yang ditempati item ini (grid-column).
+     * Nilai angka N (misal: 6 atau 12) otomatis dikonversi ke 'span N / span N'.
+     * Nilai string (misal: "span 4", "1 / -1", "auto").
+     */
+    col?: number | string;
+    /**
+     * Posisi awal garis kolom (grid-column-start).
+     */
+    colStart?: number | string;
+    /**
+     * Posisi akhir garis kolom (grid-column-end).
+     */
+    colEnd?: number | string;
+    /**
+     * Jumlah baris yang ditempati item ini (grid-row).
+     * Nilai angka N otomatis dikonversi ke 'span N / span N'.
+     */
+    row?: number | string;
+    /**
+     * Posisi awal garis baris (grid-row-start).
+     */
+    rowStart?: number | string;
+    /**
+     * Posisi akhir garis baris (grid-row-end).
+     */
+    rowEnd?: number | string;
+    /**
+     * Perataan horizontal item di dalam sel grid (justify-self).
+     */
+    justifySelf?: "auto" | "start" | "center" | "end" | "stretch";
+    /**
+     * Urutan tampilan item di dalam grid (order).
+     */
+    order?: number | string;
+}
+export interface GridItemProps extends GridItemBreakpointProps {
+    /**
+     * Override pada breakpoint sm (min-width: 640px).
+     */
+    sm?: GridItemBreakpointProps;
+    /**
+     * Override pada breakpoint md (min-width: 768px).
+     */
+    md?: GridItemBreakpointProps;
+    /**
+     * Override pada breakpoint lg (min-width: 1024px).
+     */
+    lg?: GridItemBreakpointProps;
+    /**
+     * Override pada breakpoint xl (min-width: 1280px).
+     */
+    xl?: GridItemBreakpointProps;
+    /**
+     * Override pada breakpoint xxl / 2xl (min-width: 1536px).
+     */
+    xxl?: GridItemBreakpointProps;
+    /**
+     * Kustomisasi visual granular root kontainer (UiProps).
+     */
+    ui?: UiProps;
+    /**
+     * Class CSS kustom.
+     */
+    className?: string;
+    /**
+     * Style kustom inline.
+     */
+    style?: any;
+    /**
+     * Konten di dalam item grid.
+     */
+    children?: any;
+}
+import { UiProps } from "../../core/types";
+declare const __propDef: {
+    props: {
+        col?: GridItemProps["col"];
+        colStart?: GridItemProps["colStart"];
+        colEnd?: GridItemProps["colEnd"];
+        row?: GridItemProps["row"];
+        rowStart?: GridItemProps["rowStart"];
+        rowEnd?: GridItemProps["rowEnd"];
+        justifySelf?: GridItemProps["justifySelf"];
+        alignSelf?: GridItemProps["alignSelf"];
+        order?: GridItemProps["order"];
+        sm?: GridItemProps["sm"];
+        md?: GridItemProps["md"];
+        lg?: GridItemProps["lg"];
+        xl?: GridItemProps["xl"];
+        xxl?: GridItemProps["xxl"];
+        className?: GridItemProps["className"];
+        style?: GridItemProps["style"];
+        ui?: GridItemProps["ui"];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+type GridItemProps_ = typeof __propDef.props;
+export type GridItemEvents = typeof __propDef.events;
+export type GridItemSlots = typeof __propDef.slots;
+export default class GridItem extends SvelteComponent<GridItemProps_, GridItemEvents, GridItemSlots> {
+}
+export {};

package/dist/web/grid/grid.css

@@ -0,0 +1 @@
+.ttdk-grid{box-sizing:border-box;grid-template-columns:var(--ttdk-grid-template-columns,repeat(1, minmax(0, 1fr)));grid-template-rows:var(--ttdk-grid-template-rows,auto);gap:var(--ttdk-grid-gap,0);justify-content:var(--ttdk-grid-justify-content,normal);align-content:var(--ttdk-grid-align-content,normal);display:grid}.ttdk-grid-item{box-sizing:border-box;grid-column:var(--ttdk-grid-item-col,auto);grid-row:var(--ttdk-grid-item-row,auto);justify-self:var(--ttdk-grid-item-justify-self,auto);order:var(--ttdk-grid-item-order,0);min-width:0}@media (width>=640px){.ttdk-grid{grid-template-columns:var(--ttdk-grid-template-columns-sm,var(--ttdk-grid-template-columns,repeat(1, minmax(0, 1fr))));grid-template-rows:var(--ttdk-grid-template-rows-sm,var(--ttdk-grid-template-rows,auto));gap:var(--ttdk-grid-gap-sm,var(--ttdk-grid-gap,0));justify-content:var(--ttdk-grid-justify-content-sm,var(--ttdk-grid-justify-content,normal));align-content:var(--ttdk-grid-align-content-sm,var(--ttdk-grid-align-content,normal))}.ttdk-grid-item{grid-column:var(--ttdk-grid-item-col-sm,var(--ttdk-grid-item-col,auto));grid-row:var(--ttdk-grid-item-row-sm,var(--ttdk-grid-item-row,auto));justify-self:var(--ttdk-grid-item-justify-self-sm,var(--ttdk-grid-item-justify-self,auto));order:var(--ttdk-grid-item-order-sm,var(--ttdk-grid-item-order,0))}}@media (width>=768px){.ttdk-grid{grid-template-columns:var(--ttdk-grid-template-columns-md,var(--ttdk-grid-template-columns-sm,var(--ttdk-grid-template-columns,repeat(1, minmax(0, 1fr)))));grid-template-rows:var(--ttdk-grid-template-rows-md,var(--ttdk-grid-template-rows-sm,var(--ttdk-grid-template-rows,auto)));gap:var(--ttdk-grid-gap-md,var(--ttdk-grid-gap-sm,var(--ttdk-grid-gap,0)));justify-content:var(--ttdk-grid-justify-content-md,var(--ttdk-grid-justify-content-sm,var(--ttdk-grid-justify-content,normal)));align-content:var(--ttdk-grid-align-content-md,var(--ttdk-grid-align-content-sm,var(--ttdk-grid-align-content,normal)))}.ttdk-grid-item{grid-column:var(--ttdk-grid-item-col-md,var(--ttdk-grid-item-col-sm,var(--ttdk-grid-item-col,auto)));grid-row:var(--ttdk-grid-item-row-md,var(--ttdk-grid-item-row-sm,var(--ttdk-grid-item-row,auto)));justify-self:var(--ttdk-grid-item-justify-self-md,var(--ttdk-grid-item-justify-self-sm,var(--ttdk-grid-item-justify-self,auto)));order:var(--ttdk-grid-item-order-md,var(--ttdk-grid-item-order-sm,var(--ttdk-grid-item-order,0)))}}@media (width>=1024px){.ttdk-grid{grid-template-columns:var(--ttdk-grid-template-columns-lg,var(--ttdk-grid-template-columns-md,var(--ttdk-grid-template-columns-sm,var(--ttdk-grid-template-columns,repeat(1, minmax(0, 1fr))))));grid-template-rows:var(--ttdk-grid-template-rows-lg,var(--ttdk-grid-template-rows-md,var(--ttdk-grid-template-rows-sm,var(--ttdk-grid-template-rows,auto))));gap:var(--ttdk-grid-gap-lg,var(--ttdk-grid-gap-md,var(--ttdk-grid-gap-sm,var(--ttdk-grid-gap,0))));justify-content:var(--ttdk-grid-justify-content-lg,var(--ttdk-grid-justify-content-md,var(--ttdk-grid-justify-content-sm,var(--ttdk-grid-justify-content,normal))));align-content:var(--ttdk-grid-align-content-lg,var(--ttdk-grid-align-content-md,var(--ttdk-grid-align-content-sm,var(--ttdk-grid-align-content,normal))))}.ttdk-grid-item{grid-column:var(--ttdk-grid-item-col-lg,var(--ttdk-grid-item-col-md,var(--ttdk-grid-item-col-sm,var(--ttdk-grid-item-col,auto))));grid-row:var(--ttdk-grid-item-row-lg,var(--ttdk-grid-item-row-md,var(--ttdk-grid-item-row-sm,var(--ttdk-grid-item-row,auto))));justify-self:var(--ttdk-grid-item-justify-self-lg,var(--ttdk-grid-item-justify-self-md,var(--ttdk-grid-item-justify-self-sm,var(--ttdk-grid-item-justify-self,auto))));order:var(--ttdk-grid-item-order-lg,var(--ttdk-grid-item-order-md,var(--ttdk-grid-item-order-sm,var(--ttdk-grid-item-order,0))))}}@media (width>=1280px){.ttdk-grid{grid-template-columns:var(--ttdk-grid-template-columns-xl,var(--ttdk-grid-template-columns-lg,var(--ttdk-grid-template-columns-md,var(--ttdk-grid-template-columns-sm,var(--ttdk-grid-template-columns,repeat(1, minmax(0, 1fr)))))));grid-template-rows:var(--ttdk-grid-template-rows-xl,var(--ttdk-grid-template-rows-lg,var(--ttdk-grid-template-rows-md,var(--ttdk-grid-template-rows-sm,var(--ttdk-grid-template-rows,auto)))));gap:var(--ttdk-grid-gap-xl,var(--ttdk-grid-gap-lg,var(--ttdk-grid-gap-md,var(--ttdk-grid-gap-sm,var(--ttdk-grid-gap,0)))));justify-content:var(--ttdk-grid-justify-content-xl,var(--ttdk-grid-justify-content-lg,var(--ttdk-grid-justify-content-md,var(--ttdk-grid-justify-content-sm,var(--ttdk-grid-justify-content,normal)))));align-content:var(--ttdk-grid-align-content-xl,var(--ttdk-grid-align-content-lg,var(--ttdk-grid-align-content-md,var(--ttdk-grid-align-content-sm,var(--ttdk-grid-align-content,normal)))))}.ttdk-grid-item{grid-column:var(--ttdk-grid-item-col-xl,var(--ttdk-grid-item-col-lg,var(--ttdk-grid-item-col-md,var(--ttdk-grid-item-col-sm,var(--ttdk-grid-item-col,auto)))));grid-row:var(--ttdk-grid-item-row-xl,var(--ttdk-grid-item-row-lg,var(--ttdk-grid-item-row-md,var(--ttdk-grid-item-row-sm,var(--ttdk-grid-item-row,auto)))));justify-self:var(--ttdk-grid-item-justify-self-xl,var(--ttdk-grid-item-justify-self-lg,var(--ttdk-grid-item-justify-self-md,var(--ttdk-grid-item-justify-self-sm,var(--ttdk-grid-item-justify-self,auto)))));order:var(--ttdk-grid-item-order-xl,var(--ttdk-grid-item-order-lg,var(--ttdk-grid-item-order-md,var(--ttdk-grid-item-order-sm,var(--ttdk-grid-item-order,0)))))}}@media (width>=1536px){.ttdk-grid{grid-template-columns:var(--ttdk-grid-template-columns-2xl,var(--ttdk-grid-template-columns-xl,var(--ttdk-grid-template-columns-lg,var(--ttdk-grid-template-columns-md,var(--ttdk-grid-template-columns-sm,var(--ttdk-grid-template-columns,repeat(1, minmax(0, 1fr))))))));grid-template-rows:var(--ttdk-grid-template-rows-2xl,var(--ttdk-grid-template-rows-xl,var(--ttdk-grid-template-rows-lg,var(--ttdk-grid-template-rows-md,var(--ttdk-grid-template-rows-sm,var(--ttdk-grid-template-rows,auto))))));gap:var(--ttdk-grid-gap-2xl,var(--ttdk-grid-gap-xl,var(--ttdk-grid-gap-lg,var(--ttdk-grid-gap-md,var(--ttdk-grid-gap-sm,var(--ttdk-grid-gap,0))))));justify-content:var(--ttdk-grid-justify-content-2xl,var(--ttdk-grid-justify-content-xl,var(--ttdk-grid-justify-content-lg,var(--ttdk-grid-justify-content-md,var(--ttdk-grid-justify-content-sm,var(--ttdk-grid-justify-content,normal))))));align-content:var(--ttdk-grid-align-content-2xl,var(--ttdk-grid-align-content-xl,var(--ttdk-grid-align-content-lg,var(--ttdk-grid-align-content-md,var(--ttdk-grid-align-content-sm,var(--ttdk-grid-align-content,normal))))))}.ttdk-grid-item{grid-column:var(--ttdk-grid-item-col-2xl,var(--ttdk-grid-item-col-xl,var(--ttdk-grid-item-col-lg,var(--ttdk-grid-item-col-md,var(--ttdk-grid-item-col-sm,var(--ttdk-grid-item-col,auto))))));grid-row:var(--ttdk-grid-item-row-2xl,var(--ttdk-grid-item-row-xl,var(--ttdk-grid-item-row-lg,var(--ttdk-grid-item-row-md,var(--ttdk-grid-item-row-sm,var(--ttdk-grid-item-row,auto))))));justify-self:var(--ttdk-grid-item-justify-self-2xl,var(--ttdk-grid-item-justify-self-xl,var(--ttdk-grid-item-justify-self-lg,var(--ttdk-grid-item-justify-self-md,var(--ttdk-grid-item-justify-self-sm,var(--ttdk-grid-item-justify-self,auto))))));order:var(--ttdk-grid-item-order-2xl,var(--ttdk-grid-item-order-xl,var(--ttdk-grid-item-order-lg,var(--ttdk-grid-item-order-md,var(--ttdk-grid-item-order-sm,var(--ttdk-grid-item-order,0))))))}}

package/dist/web/grid/grid.svelte

@@ -0,0 +1,37 @@
+<script context="module"></script>
+
+<script>import { buildGridVars, buildUiVars, UiProps } from "../../core/types";
+export let templateColumns = void 0;
+export let templateRows = void 0;
+export let gap = void 0;
+export let justifyContent = void 0;
+export let alignContent = void 0;
+export let sm = void 0;
+export let md = void 0;
+export let lg = void 0;
+export let xl = void 0;
+export let xxl = void 0;
+export let className = void 0;
+export let style = void 0;
+export let ui = void 0;
+function stringifyStyles(stylesObj) {
+  let styles = "";
+  for (let key in stylesObj) {
+    const dashedKey = key.replace(/[A-Z]/g, function(match) {
+      return "-" + match.toLowerCase();
+    });
+    styles += dashedKey + ":" + stylesObj[key] + ";";
+  }
+  return styles;
+}
+</script>
+
+<div
+  style={stringifyStyles({
+    ...buildGridVars({ templateColumns, templateRows, gap, justifyContent, alignContent, sm, md, lg, xl, xxl }),
+    ...buildUiVars(ui),
+    })}
+  class={`ttdk-grid ${className || ""}`.trim()}
+>
+  <slot />
+</div>

package/dist/web/grid/grid.svelte.d.ts

@@ -0,0 +1,96 @@
+import { SvelteComponent } from "svelte";
+export interface GridBreakpointProps {
+    /**
+     * Jumlah atau pola template kolom pada grid (grid-template-columns).
+     * Nilai angka (misal: 3 atau 12) otomatis dikonversi ke repeat(N, minmax(0, 1fr)).
+     * Nilai string (misal: "200px 1fr 2fr", "repeat(4, 1fr)").
+     */
+    templateColumns?: string | number;
+    /**
+     * Jumlah atau pola template baris pada grid (grid-template-rows).
+     */
+    templateRows?: string | number;
+    /**
+     * Jarak celah antar baris dan kolom (gap).
+     * Nilai angka (misal: 16) atau string (misal: "16px", "1rem", "var(--ttdk-spacing-16)").
+     */
+    gap?: string | number;
+    /**
+     * Distribusi horizontal keseluruhan grid container (justify-content).
+     */
+    justifyContent?: "start" | "center" | "end" | "around" | "between" | "evenly";
+    /**
+     * Distribusi vertikal baris di dalam grid container (align-content).
+     */
+    alignContent?: "evenly" | "around" | "between" | "center" | "start" | "end";
+}
+export interface GridProps extends GridBreakpointProps {
+    /**
+     * Override pada breakpoint sm (min-width: 640px).
+     */
+    sm?: GridBreakpointProps;
+    /**
+     * Override pada breakpoint md (min-width: 768px).
+     */
+    md?: GridBreakpointProps;
+    /**
+     * Override pada breakpoint lg (min-width: 1024px).
+     */
+    lg?: GridBreakpointProps;
+    /**
+     * Override pada breakpoint xl (min-width: 1280px).
+     */
+    xl?: GridBreakpointProps;
+    /**
+     * Override pada breakpoint xxl / 2xl (min-width: 1536px).
+     */
+    xxl?: GridBreakpointProps;
+    /**
+     * Kustomisasi visual granular root kontainer (UiProps).
+     */
+    ui?: UiProps;
+    /**
+     * Class CSS kustom.
+     */
+    className?: string;
+    /**
+     * Style kustom inline.
+     */
+    style?: any;
+    /**
+     * Konten anak di dalam Grid (<GridItem>).
+     */
+    children?: any;
+}
+import { UiProps } from "../../core/types";
+declare const __propDef: {
+    props: {
+        templateColumns?: GridProps["templateColumns"];
+        templateRows?: GridProps["templateRows"];
+        gap?: GridProps["gap"];
+        justifyContent?: GridProps["justifyContent"];
+        alignContent?: GridProps["alignContent"];
+        sm?: GridProps["sm"];
+        md?: GridProps["md"];
+        lg?: GridProps["lg"];
+        xl?: GridProps["xl"];
+        xxl?: GridProps["xxl"];
+        className?: GridProps["className"];
+        style?: GridProps["style"];
+        ui?: GridProps["ui"];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+type GridProps_ = typeof __propDef.props;
+export type GridEvents = typeof __propDef.events;
+export type GridSlots = typeof __propDef.slots;
+export default class Grid extends SvelteComponent<GridProps_, GridEvents, GridSlots> {
+}
+export {};

package/dist/web/grid/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './grid.svelte';
+export { default as Grid } from './grid.svelte';
+export { default as GridItem } from './grid-item.svelte';

package/dist/web/grid/index.js

@@ -0,0 +1,3 @@
+export { default } from './grid.svelte';
+export { default as Grid } from './grid.svelte';
+export { default as GridItem } from './grid-item.svelte';

package/dist/web/grid/manifest.json

@@ -0,0 +1,153 @@
+{
+  "name": "@ttdk-design-system/grid",
+  "component": "Grid",
+  "folder": "grid",
+  "description": "TTDK Grid component with multi-theme support.",
+  "stylesheets": [
+    {
+      "theme": "common",
+      "file": "grid.css",
+      "importPath": "web/grid/grid.css"
+    }
+  ],
+  "props": {
+    "sm": {
+      "name": "sm",
+      "type": "GridBreakpointProps",
+      "optional": true,
+      "default": null,
+      "description": "Override pada breakpoint sm (min-width: 640px).",
+      "example": null,
+      "param": null
+    },
+    "md": {
+      "name": "md",
+      "type": "GridBreakpointProps",
+      "optional": true,
+      "default": null,
+      "description": "Override pada breakpoint md (min-width: 768px).",
+      "example": null,
+      "param": null
+    },
+    "lg": {
+      "name": "lg",
+      "type": "GridBreakpointProps",
+      "optional": true,
+      "default": null,
+      "description": "Override pada breakpoint lg (min-width: 1024px).",
+      "example": null,
+      "param": null
+    },
+    "xl": {
+      "name": "xl",
+      "type": "GridBreakpointProps",
+      "optional": true,
+      "default": null,
+      "description": "Override pada breakpoint xl (min-width: 1280px).",
+      "example": null,
+      "param": null
+    },
+    "xxl": {
+      "name": "xxl",
+      "type": "GridBreakpointProps",
+      "optional": true,
+      "default": null,
+      "description": "Override pada breakpoint xxl / 2xl (min-width: 1536px).",
+      "example": null,
+      "param": null
+    },
+    "ui": {
+      "name": "ui",
+      "type": "UiProps",
+      "optional": true,
+      "default": null,
+      "description": "Kustomisasi visual granular root kontainer (UiProps).",
+      "example": null,
+      "param": null
+    },
+    "className": {
+      "name": "className",
+      "type": "string",
+      "optional": true,
+      "default": null,
+      "description": "Class CSS kustom.",
+      "example": null,
+      "param": null
+    },
+    "style": {
+      "name": "style",
+      "type": "any",
+      "optional": true,
+      "default": null,
+      "description": "Style kustom inline.",
+      "example": null,
+      "param": null
+    },
+    "children": {
+      "name": "children",
+      "type": "any",
+      "optional": true,
+      "default": null,
+      "description": "Konten anak di dalam Grid (<GridItem>).",
+      "example": null,
+      "param": null
+    }
+  },
+  "subInterfaces": {
+    "GridBreakpointProps": {
+      "templateColumns": {
+        "name": "templateColumns",
+        "type": "string | number",
+        "optional": true,
+        "default": null,
+        "description": "Jumlah atau pola template kolom pada grid (grid-template-columns). Nilai angka (misal: 3 atau 12) otomatis dikonversi ke repeat(N, minmax(0, 1fr)). Nilai string (misal: \"200px 1fr 2fr\", \"repeat(4, 1fr)\").",
+        "example": null,
+        "param": null
+      },
+      "templateRows": {
+        "name": "templateRows",
+        "type": "string | number",
+        "optional": true,
+        "default": null,
+        "description": "Jumlah atau pola template baris pada grid (grid-template-rows).",
+        "example": null,
+        "param": null
+      },
+      "gap": {
+        "name": "gap",
+        "type": "string | number",
+        "optional": true,
+        "default": null,
+        "description": "Jarak celah antar baris dan kolom (gap). Nilai angka (misal: 16) atau string (misal: \"16px\", \"1rem\", \"var(--ttdk-spacing-16)\").",
+        "example": null,
+        "param": null
+      },
+      "justifyContent": {
+        "name": "justifyContent",
+        "type": "'start' | 'center' | 'end' | 'around' | 'between' | 'evenly'",
+        "optional": true,
+        "default": null,
+        "description": "Distribusi horizontal keseluruhan grid container (justify-content).",
+        "example": null,
+        "param": null
+      },
+      "alignContent": {
+        "name": "alignContent",
+        "type": "'evenly' | 'around' | 'between' | 'center' | 'start' | 'end'",
+        "optional": true,
+        "default": null,
+        "description": "Distribusi vertikal baris di dalam grid container (align-content).",
+        "example": null,
+        "param": null
+      }
+    }
+  },
+  "supportedFrameworks": [
+    "react",
+    "vue",
+    "svelte"
+  ],
+  "themes": [
+    "tw"
+  ]
+}

package/dist/web/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * TTDK Design System — Web Module (SVELTE)
+ */
+export { default as Accordion } from './accordion/accordion.svelte';
+export * from './accordion';
+export { default as Alert } from './alert/alert.svelte';
+export * from './alert';
+export { default as Avatar } from './avatar/avatar.svelte';
+export * from './avatar';
+export { default as Badge } from './badge/badge.svelte';
+export * from './badge';
+export { default as Banner } from './banner/banner.svelte';
+export * from './banner';
+export { default as Breadcrumb } from './breadcrumb/breadcrumb.svelte';
+export * from './breadcrumb';
+export { default as Button } from './button/button.svelte';
+export * from './button';
+export { default as Calendar } from './calendar/calendar.svelte';
+export * from './calendar';
+export { default as Card } from './card/card.svelte';
+export * from './card';
+export { default as Checkbox } from './checkbox/checkbox.svelte';
+export * from './checkbox';
+export { default as Chip } from './chip/chip.svelte';
+export * from './chip';
+export { default as Dropdown } from './dropdown/dropdown.svelte';
+export * from './dropdown';
+export { default as Flex } from './flex/flex.svelte';
+export * from './flex';
+export { default as Grid } from './grid/grid.svelte';
+export * from './grid';
+export { default as Input } from './input/input.svelte';
+export * from './input';
+export { default as InputNumber } from './input-number/input-number.svelte';
+export * from './input-number';
+export { default as Modal } from './modal/modal.svelte';
+export * from './modal';
+export { default as Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationFirst, PaginationLast, PaginationEllipsis } from './pagination';
+export * from './pagination';
+export { default as Popover } from './popover/popover.svelte';
+export * from './popover';
+export { default as Radio } from './radio/radio.svelte';
+export * from './radio';
+export { default as Selectbox } from './selectbox/selectbox.svelte';
+export * from './selectbox';
+export { default as Sonner, default as Toaster, toast } from './sonner';
+export * from './sonner';
+export { default as Table, default as DataTable, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, TableEmpty } from './table';
+export type { TableProps, TableUiProps } from './table/table.svelte';
+export * from './table';
+export { default as Tabs } from './tabs/tabs.svelte';
+export * from './tabs';
+export { default as Text } from './text/text.svelte';
+export * from './text';
+export { default as Textarea } from './textarea/textarea.svelte';
+export * from './textarea';
+export { default as Tooltip } from './tooltip/tooltip.svelte';
+export * from './tooltip';

package/dist/web/index.js

@@ -0,0 +1,57 @@
+/**
+ * TTDK Design System — Web Module (SVELTE)
+ */
+export { default as Accordion } from './accordion/accordion.svelte';
+export * from './accordion';
+export { default as Alert } from './alert/alert.svelte';
+export * from './alert';
+export { default as Avatar } from './avatar/avatar.svelte';
+export * from './avatar';
+export { default as Badge } from './badge/badge.svelte';
+export * from './badge';
+export { default as Banner } from './banner/banner.svelte';
+export * from './banner';
+export { default as Breadcrumb } from './breadcrumb/breadcrumb.svelte';
+export * from './breadcrumb';
+export { default as Button } from './button/button.svelte';
+export * from './button';
+export { default as Calendar } from './calendar/calendar.svelte';
+export * from './calendar';
+export { default as Card } from './card/card.svelte';
+export * from './card';
+export { default as Checkbox } from './checkbox/checkbox.svelte';
+export * from './checkbox';
+export { default as Chip } from './chip/chip.svelte';
+export * from './chip';
+export { default as Dropdown } from './dropdown/dropdown.svelte';
+export * from './dropdown';
+export { default as Flex } from './flex/flex.svelte';
+export * from './flex';
+export { default as Grid } from './grid/grid.svelte';
+export * from './grid';
+export { default as Input } from './input/input.svelte';
+export * from './input';
+export { default as InputNumber } from './input-number/input-number.svelte';
+export * from './input-number';
+export { default as Modal } from './modal/modal.svelte';
+export * from './modal';
+export { default as Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationFirst, PaginationLast, PaginationEllipsis } from './pagination';
+export * from './pagination';
+export { default as Popover } from './popover/popover.svelte';
+export * from './popover';
+export { default as Radio } from './radio/radio.svelte';
+export * from './radio';
+export { default as Selectbox } from './selectbox/selectbox.svelte';
+export * from './selectbox';
+export { default as Sonner, default as Toaster, toast } from './sonner';
+export * from './sonner';
+export { default as Table, default as DataTable, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, TableEmpty } from './table';
+export * from './table';
+export { default as Tabs } from './tabs/tabs.svelte';
+export * from './tabs';
+export { default as Text } from './text/text.svelte';
+export * from './text';
+export { default as Textarea } from './textarea/textarea.svelte';
+export * from './textarea';
+export { default as Tooltip } from './tooltip/tooltip.svelte';
+export * from './tooltip';