@koine/react 1.0.10 → 1.0.13

package/styles/theme.js

@@ -0,0 +1,41 @@
+import { __assign } from "tslib";
+import { useTheme as _useTheme } from "styled-components";
+var DEFAULT_BREAKPOINTS = {
+    xs: 0,
+    sm: 440,
+    md: 768,
+    lg: 1024,
+    xl: 1368,
+    xxl: 1690,
+};
+/**
+ * You can override the default breakpoints through the .env variable
+ *
+ * FIXME: find a better way to configure it, the problem is that we use the media
+ * queries within this pre-compiled library and thrught it was better to avoid
+ * using theming props for a more ergonomic usage.
+ *
+ * ```.env
+ * BREAKPOINTS=xs:0,sm:440,md:768,lg:1024,xl:1368,xxl:1690
+ * ```
+ */
+export var breakpoints = process.env["BREAKPOINTS"]
+    ? process.env["BREAKPOINTS"].split(",").reduce(function (map, pair) {
+        var _a = pair.split(":"), key = _a[0], value = _a[1];
+        map[key] = parseFloat(value);
+        return map;
+    }, {})
+    : DEFAULT_BREAKPOINTS;
+var themeDefault = {
+    maxWidth: breakpoints.xxl,
+    breakpoints: breakpoints,
+    devices: {
+        mobile: "sm",
+        tablet: "md",
+        desktop: "lg",
+    },
+};
+export var createTheme = function (options) {
+    return (__assign(__assign({}, themeDefault), options));
+};
+export var useTheme = _useTheme;

package/tw/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../shared";
+export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/bare";

package/tw/index.js

@@ -0,0 +1,31 @@
+export * from "../shared";
+// export * from "../Alert";
+// export * from "../Animations";
+// export * from "../Autocomplete";
+// export * from "../Bg";
+// export * from "../Breadcrumbs";
+// export * from "../Buttons";
+// export * from "../Carousel";
+// export * from "../Collapsable";
+// export * from "../Debug";
+export { KoineDialog } from "../Dialog/tw/bare";
+// export * from "../Form";
+// export * from "../Forms";
+// export * from "../Grid";
+// export * from "../Hamburger";
+// export * from "../Header";
+// export * from "../Hidden";
+// export * from "../Img";
+// export * from "../Link";
+// export * from "../MenuItem";
+// export * from "../Pagination";
+// export * from "../Pill";
+// export * from "../Progress";
+// export * from "../Rating";
+// // export * from "../Select";
+// export * from "../Sidebar";
+// export * from "../Spacing";
+// export * from "../Sticky";
+// export * from "../styles";
+// export * from "../Tabs";
+// export * from "../Typography";

package/tw/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/tw/index.js",
+  "types": "./index.d.ts"
+}

package/twm/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../shared";
+export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/framer";

package/twm/index.js

@@ -0,0 +1,31 @@
+export * from "../shared";
+// export * from "../Alert";
+// export * from "../Animations";
+// export * from "../Autocomplete";
+// export * from "../Bg";
+// export * from "../Breadcrumbs";
+// export * from "../Buttons";
+// export * from "../Carousel";
+// export * from "../Collapsable";
+// export * from "../Debug";
+export { KoineDialog } from "../Dialog/tw/framer";
+// export * from "../Form";
+// export * from "../Forms";
+// export * from "../Grid";
+// export * from "../Hamburger";
+// export * from "../Header";
+// export * from "../Hidden";
+// export * from "../Img";
+// export * from "../Link";
+// export * from "../MenuItem";
+// export * from "../Pagination";
+// export * from "../Pill";
+// export * from "../Progress";
+// export * from "../Rating";
+// // export * from "../Select";
+// export * from "../Sidebar";
+// export * from "../Spacing";
+// export * from "../Sticky";
+// export * from "../styles";
+// export * from "../Tabs";
+// export * from "../Typography";

package/twm/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/twm/index.js",
+  "types": "./index.d.ts"
+}

package/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type { KoineImgSmartWrapProps, KoineImgSmartProps } from "./Img/types";
+export declare type Translate = (i18nKey: any, query?: any, options?: any) => string;
+export declare type Option = {
+    value: string;
+    Label?: NonNullable<import("react").ReactNode>;
+    label: NonNullable<import("react").ReactChild | import("react").ReactFragment>;
+};
+export declare type KoineComponentProps<BaseComponentProps, ExtendableProps> = BaseComponentProps & ExtendableProps;
+export declare type KoineComponent<Props = any> = string | React.ForwardRefExoticComponent<Props> | React.ExoticComponent<Props> | React.FC<Props> | ((props: Props) => JSX.Element);

package/types.js

@@ -0,0 +1 @@
+export {};