@tomo-inc/tomo-ui 0.0.12 → 0.0.13

package/dist/theme/components/table.d.mts

@@ -0,0 +1,428 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Table **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base, table, thead, tbody, tr, th, td, tfoot} = table({...})
+ *
+ * <div className={base()}>
+ *   <table className={table()}>
+ *    <thead className={thead()}>
+ *      <tr className={tr()}>
+ *        <th className={th()}>...</th>
+ *        <th className={th()}>...</th>
+ *      </tr>
+ *    </thead>
+ *    <tbody className={tbody()}>
+ *      <tr className={tr()}>
+ *        <td className={td()}>...</td>
+ *        <td className={td()}>...</td>
+ *      </tr>
+ *      <tr className={tr()}>
+ *        <td className={td()}>...</td>
+ *        <td className={td()}>...</td>
+ *     </tr>
+ *   </tbody>
+ *    <tfoot className={tfoot()}>
+ *      <tr className={tr()}>
+ *        <td className={td()}>...</td>
+ *        <td className={td()}>...</td>
+ *      </tr>
+ *    </tfoot>
+ *  </table>
+ * </div>
+ * ```
+ */
+declare const table: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            td: string;
+        };
+        primary: {
+            td: string;
+        };
+        secondary: {
+            td: string;
+        };
+        success: {
+            td: string;
+        };
+        warning: {
+            td: string;
+        };
+        danger: {
+            td: string;
+        };
+    };
+    layout: {
+        auto: {
+            table: string;
+        };
+        fixed: {
+            table: string;
+        };
+    };
+    shadow: {
+        none: {
+            wrapper: string;
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isStriped: {
+        true: {
+            td: string[];
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isSelectable: {
+        true: {
+            tr: string;
+            td: string[];
+        };
+    };
+    isMultiSelectable: {
+        true: {
+            td: string[];
+        };
+        false: {
+            td: string[];
+        };
+    };
+    radius: {
+        none: {
+            wrapper: string;
+            th: string[];
+            td: string[];
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            wrapper: string;
+            table: string;
+        };
+    };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string[];
+    th: string[];
+    td: string[];
+    tfoot: string;
+    sortIcon: string[];
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, {
+    color: {
+        default: {
+            td: string;
+        };
+        primary: {
+            td: string;
+        };
+        secondary: {
+            td: string;
+        };
+        success: {
+            td: string;
+        };
+        warning: {
+            td: string;
+        };
+        danger: {
+            td: string;
+        };
+    };
+    layout: {
+        auto: {
+            table: string;
+        };
+        fixed: {
+            table: string;
+        };
+    };
+    shadow: {
+        none: {
+            wrapper: string;
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isStriped: {
+        true: {
+            td: string[];
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isSelectable: {
+        true: {
+            tr: string;
+            td: string[];
+        };
+    };
+    isMultiSelectable: {
+        true: {
+            td: string[];
+        };
+        false: {
+            td: string[];
+        };
+    };
+    radius: {
+        none: {
+            wrapper: string;
+            th: string[];
+            td: string[];
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            wrapper: string;
+            table: string;
+        };
+    };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string[];
+    th: string[];
+    td: string[];
+    tfoot: string;
+    sortIcon: string[];
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            td: string;
+        };
+        primary: {
+            td: string;
+        };
+        secondary: {
+            td: string;
+        };
+        success: {
+            td: string;
+        };
+        warning: {
+            td: string;
+        };
+        danger: {
+            td: string;
+        };
+    };
+    layout: {
+        auto: {
+            table: string;
+        };
+        fixed: {
+            table: string;
+        };
+    };
+    shadow: {
+        none: {
+            wrapper: string;
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+    };
+    hideHeader: {
+        true: {
+            thead: string;
+        };
+    };
+    isStriped: {
+        true: {
+            td: string[];
+        };
+    };
+    isCompact: {
+        true: {
+            td: string;
+        };
+        false: {};
+    };
+    isHeaderSticky: {
+        true: {
+            thead: string;
+        };
+    };
+    isSelectable: {
+        true: {
+            tr: string;
+            td: string[];
+        };
+    };
+    isMultiSelectable: {
+        true: {
+            td: string[];
+        };
+        false: {
+            td: string[];
+        };
+    };
+    radius: {
+        none: {
+            wrapper: string;
+            th: string[];
+            td: string[];
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            wrapper: string;
+            table: string;
+        };
+    };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string[];
+    th: string[];
+    td: string[];
+    tfoot: string;
+    sortIcon: string[];
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type TableVariantProps = VariantProps<typeof table>;
+type TableSlots = keyof ReturnType<typeof table>;
+type TableReturnType = ReturnType<typeof table>;
+
+export { type TableReturnType, type TableSlots, type TableVariantProps, table };