@konstructio/ui 0.0.12-alpha.13 → 0.0.12-alpha.14

package/dist/components/Table/components/Filter.js

@@ -1,6 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Input as t } from "../../Input/Input.js";
-const p = ({ ...e }) => /* @__PURE__ */ r("div", { className: "flex px-4 py-6 rounded-t", children: /* @__PURE__ */ r(t, { className: "!w-1/3", ...e }) });
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Input as i } from "../../Input/Input.js";
+const o = ({ children: s, ...r }) => /* @__PURE__ */ t("div", { className: "flex px-4 py-6 rounded-t", children: [
+  /* @__PURE__ */ e(i, { className: "!w-1/3", ...r }),
+  /* @__PURE__ */ e("div", { className: "w-1/4 flex justify-end", children: s })
+] });
 export {
-  p as Filter
+  o as Filter
 };

package/dist/components/index.js

@@ -4,10 +4,10 @@ import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
 import { Breadcrumb as a } from "./Breadcrumb/Breadcrumb.js";
 import { Button as d } from "./Button/Button.js";
 import { Card as n } from "./Card/Card.js";
-import { Checkbox as l } from "./Checkbox/Checkbox.js";
-import { Dropdown as c } from "./Dropdown/Dropdown.js";
-import { Input as N } from "./Input/Input.js";
-import { M as S } from "../Modal-B-E9uaA6.js";
+import { Checkbox as u } from "./Checkbox/Checkbox.js";
+import { Dropdown as b } from "./Dropdown/Dropdown.js";
+import { Input as v } from "./Input/Input.js";
+import { M as R } from "../Modal-B-E9uaA6.js";
 import { NumberInput as s } from "./NumberInput/NumberInput.js";
 import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
 import { Radio as B } from "./Radio/Radio.js";
@@ -26,12 +26,13 @@ import { Tooltip as Y } from "./Tooltip/Tooltip.js";
 import { Loading as _ } from "./Loading/Loading.js";
 import { Typography as oo } from "./Typography/Typography.js";
 import { Divider as to } from "./Divider/Divider.js";
-import { Footer as po } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as xo } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as ao } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as go } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as uo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as To } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Table as po } from "./Table/Table.js";
+import { Footer as xo } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as ao } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as go } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as lo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as To } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as co } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 export {
   t as Alert,
   p as AlertDialog,
@@ -39,18 +40,18 @@ export {
   a as Breadcrumb,
   d as Button,
   n as Card,
-  l as Checkbox,
+  u as Checkbox,
   to as Divider,
-  c as Dropdown,
-  po as Footer,
-  N as Input,
+  b as Dropdown,
+  xo as Footer,
+  v as Input,
   _ as Loading,
-  xo as Logo,
-  S as Modal,
-  ao as Navigation,
-  go as NavigationGroup,
-  uo as NavigationOption,
-  To as NavigationSeparator,
+  ao as Logo,
+  R as Modal,
+  go as Navigation,
+  lo as NavigationGroup,
+  To as NavigationOption,
+  co as NavigationSeparator,
   s as NumberInput,
   C as ProgressBar,
   B as Radio,
@@ -61,6 +62,7 @@ export {
   O as Sidebar,
   j as Slider,
   z as Switch,
+  po as Table,
   H as Tag,
   K as TagSelect,
   U as TextArea,

package/dist/index.d.ts

@@ -65,6 +65,13 @@ declare const autocompleteVariants: (props?: ({
     theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare interface BodyProps extends React.HTMLAttributes<HTMLTableSectionElement>, PropsWithChildren, VariantProps<typeof bodyVariants> {
+}
+
+declare const bodyVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Breadcrumb: FC<BreadcrumbProps>;
 
 declare interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
@@ -150,6 +157,10 @@ declare const dropdownVariants: (props?: ({
     theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare interface FilterProps extends React.InputHTMLAttributes<HTMLInputElement>, PropsWithChildren {
+    placeholder?: string;
+}
+
 export declare const Footer: FC<FooterProps>;
 
 declare interface FooterProps extends PropsWithChildren, VariantProps<typeof footerVariants> {
@@ -162,6 +173,13 @@ declare const footerVariants: (props?: ({
 
 declare type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
+declare interface HeadProps extends React.HTMLAttributes<HTMLTableSectionElement>, PropsWithChildren, VariantProps<typeof headVariants> {
+}
+
+declare const headVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
 
 declare interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
@@ -403,6 +421,17 @@ declare const rangeVariants: (props?: ({
     theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare interface RowProps extends React.HTMLAttributes<HTMLTableRowElement>, PropsWithChildren, VariantProps<typeof rowVariants> {
+    width?: string;
+    isSelected?: boolean;
+    onSelect?: () => void;
+}
+
+declare const rowVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    isSelected?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Sidebar: FC<SidebarProps> & SidebarChildrenProps;
 
 declare type SidebarChildrenProps = {
@@ -460,6 +489,20 @@ declare const switchVariants: (props?: ({
     theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Table: FunctionComponent<TableProps> & {
+    Head: FunctionComponent<HeadProps>;
+    Row: FunctionComponent<RowProps>;
+    Filter: FunctionComponent<FilterProps>;
+    Body: FunctionComponent<BodyProps>;
+};
+
+declare interface TableProps extends React.HTMLAttributes<HTMLTableElement>, PropsWithChildren, VariantProps<typeof tableVariants> {
+}
+
+declare const tableVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Tag: FC<TagProps>;
 
 declare type TagProps = {

package/dist/index.js

@@ -7,9 +7,9 @@ import { Card as n } from "./components/Card/Card.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
 import { Dropdown as s } from "./components/Dropdown/Dropdown.js";
 import { Input as h } from "./components/Input/Input.js";
-import { M as C } from "./Modal-B-E9uaA6.js";
-import { NumberInput as R } from "./components/NumberInput/NumberInput.js";
-import { ProgressBar as b } from "./components/ProgressBar/ProgressBar.js";
+import { M as b } from "./Modal-B-E9uaA6.js";
+import { NumberInput as N } from "./components/NumberInput/NumberInput.js";
+import { ProgressBar as S } from "./components/ProgressBar/ProgressBar.js";
 import { Radio as B } from "./components/Radio/Radio.js";
 import { RadioCard as G } from "./components/RadioCard/RadioCard.js";
 import { RadioCardGroup as k } from "./components/RadioCardGroup/RadioCardGroup.js";
@@ -32,11 +32,12 @@ import { Tooltip as ao } from "./components/Tooltip/Tooltip.js";
 import { Loading as go } from "./components/Loading/Loading.js";
 import { Typography as uo } from "./components/Typography/Typography.js";
 import { Divider as To } from "./components/Divider/Divider.js";
-import { ThemeContext as co } from "./contexts/theme.context.js";
-import { useTheme as vo } from "./contexts/theme.hook.js";
-import { ThemeProvider as No } from "./contexts/theme.provider.js";
-import { useToggle as So } from "./hooks/useToggle.js";
-import { konstructPlugin as Ao } from "./plugins/konstruct.js";
+import { Table as co } from "./components/Table/Table.js";
+import { ThemeContext as vo } from "./contexts/theme.context.js";
+import { useTheme as Co } from "./contexts/theme.hook.js";
+import { ThemeProvider as Ro } from "./contexts/theme.provider.js";
+import { useToggle as Ao } from "./hooks/useToggle.js";
+import { konstructPlugin as Do } from "./plugins/konstruct.js";
 export {
   e as Alert,
   p as AlertDialog,
@@ -51,13 +52,13 @@ export {
   h as Input,
   go as Loading,
   j as Logo,
-  C as Modal,
+  b as Modal,
   z as Navigation,
   H as NavigationGroup,
   K as NavigationOption,
   U as NavigationSeparator,
-  R as NumberInput,
-  b as ProgressBar,
+  N as NumberInput,
+  S as ProgressBar,
   B as Radio,
   G as RadioCard,
   k as RadioCardGroup,
@@ -66,15 +67,16 @@ export {
   W as Sidebar,
   Y as Slider,
   _ as Switch,
+  co as Table,
   oo as Tag,
   eo as TagSelect,
   po as TextArea,
-  co as ThemeContext,
-  No as ThemeProvider,
+  vo as ThemeContext,
+  Ro as ThemeProvider,
   xo as Toast,
   ao as Tooltip,
   uo as Typography,
-  Ao as konstructPlugin,
-  vo as useTheme,
-  So as useToggle
+  Do as konstructPlugin,
+  Co as useTheme,
+  Ao as useToggle
 };

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.12",
+  "version": "0.0.12-alpha.13",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.13",
+  "version": "0.0.12-alpha.14",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",