@code0-tech/pictor 0.3.0 → 0.4.0

package/dist/utils/utils.js

@@ -0,0 +1,159 @@
+import t from "merge-props";
+import { md5 as p } from "js-md5";
+const c = (m) => ({
+  ...m.m ? {
+    margin: `${m.m}rem`
+  } : {},
+  ...m.my ? {
+    marginTop: `${m.my}rem`,
+    marginBottom: `${m.my}rem`
+  } : {},
+  ...m.mx ? {
+    marginLeft: `${m.mx}rem`,
+    marginRight: `${m.mx}rem`
+  } : {},
+  ...m.mt ? {
+    marginTop: `${m.mt}rem`
+  } : {},
+  ...m.mb ? {
+    marginBottom: `${m.mb}rem`
+  } : {},
+  ...m.ml ? {
+    marginLeft: `${m.ml}rem`
+  } : {},
+  ...m.mr ? {
+    marginRight: `${m.mr}rem`
+  } : {},
+  ...m.p ? {
+    padding: `${m.p}rem`
+  } : {},
+  ...m.py ? {
+    paddingTop: `${m.py}rem`,
+    paddingBottom: `${m.py}rem`
+  } : {},
+  ...m.px ? {
+    paddingLeft: `${m.px}rem`,
+    paddingRight: `${m.px}rem`
+  } : {},
+  ...m.pt ? {
+    paddingTop: `${m.pt}rem`
+  } : {},
+  ...m.pb ? {
+    paddingBottom: `${m.pb}rem`
+  } : {},
+  ...m.pl ? {
+    paddingLeft: `${m.pl}rem`
+  } : {},
+  ...m.pr ? {
+    paddingRight: `${m.pr}rem`
+  } : {},
+  ...m.bg ? {
+    backgroundColor: m.bg
+  } : {},
+  ...m.c ? {
+    color: m.c
+  } : {},
+  ...m.opacity ? {
+    opacity: m.opacity
+  } : {},
+  ...m.ff ? {
+    fontFamily: m.ff
+  } : {},
+  ...m.fz ? {
+    fontSize: `${m.fz}rem`
+  } : {},
+  ...m.ta ? {
+    textAlign: m.ta
+  } : {},
+  ...m.w ? {
+    width: m.w
+  } : {},
+  ...m.miw ? {
+    minWidth: m.miw
+  } : {},
+  ...m.maw ? {
+    maxWidth: m.maw
+  } : {},
+  ...m.h ? {
+    height: m.h
+  } : {},
+  ...m.mih ? {
+    minHeight: m.mih
+  } : {},
+  ...m.mah ? {
+    maxHeight: m.mah
+  } : {},
+  ...m.pos ? {
+    position: m.pos
+  } : {},
+  ...m.top ? {
+    top: m.top
+  } : {},
+  ...m.left ? {
+    left: m.left
+  } : {},
+  ...m.bottom ? {
+    bottom: m.bottom
+  } : {},
+  ...m.right ? {
+    right: m.right
+  } : {},
+  ...m.display ? {
+    display: m.display
+  } : {},
+  ...m.flex ? {
+    flex: m.flex
+  } : {},
+  ...m.align ? {
+    alignItems: m.align
+  } : {},
+  ...m.justify ? {
+    justifyContent: m.justify
+  } : {},
+  ...m.tf ? {
+    transform: m.tf
+  } : {}
+}), b = (m, r) => {
+  const i = c(r), o = {
+    ...r
+  };
+  return ["m", "my", "mx", "mt", "mb", "ml", "mr", "p", "py", "px", "pt", "pb", "pl", "pr", "bg", "c", "opacity", "ff", "fz", "fw", "lts", "ta", "lh", "fs", "tt", "td", "w", "miw", "maw", "h", "mih", "mah", "bgsz", "bgp", "bgr", "bga", "pos", "top", "left", "bottom", "right", "inset", "display", "flex", "align", "justify", "tf"].forEach((a) => {
+    delete o[a];
+  }), t(o, {
+    className: m,
+    ...Object.keys(i).length !== 0 ? {
+      style: i
+    } : {}
+  });
+}, x = (m) => {
+  switch (m) {
+    case "xxs":
+      return "0.35rem";
+    case "xs":
+      return "0.7rem";
+    case "sm":
+      return "0.8rem";
+    case "md":
+      return "1rem";
+    case "lg":
+      return "1.2rem";
+    case "xl":
+      return "1.3rem";
+    default:
+      return m;
+  }
+}, f = 137.50776405003785, h = (m) => {
+  const r = m.match(/\/(\d+)\s*$/);
+  return r ? Number(r[1]) : null;
+}, e = (m, r = 25, i = 320) => {
+  const o = i - r, n = h(m);
+  if (n != null)
+    return `hsl(${r + n * f % o}, 100%, 72%)`;
+  const a = p(p(m)), g = parseInt(a.slice(0, 8), 16);
+  return `hsl(${r + g % o}, 100%, 72%)`;
+};
+export {
+  x as getDOMSizeFromCodeZeroSize,
+  e as hashToColor,
+  b as mergeCode0Props
+};

package/dist/utils/view.d.ts

@@ -0,0 +1,8 @@
+export interface Payload {
+    id?: any;
+}
+export declare class View<T extends Payload> {
+    private readonly _payload;
+    constructor(payload: T);
+    get payload(): T;
+}

package/dist/utils/view.js

@@ -0,0 +1,28 @@
+function o(r, e, t) {
+  return (e = n(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+}
+function n(r) {
+  var e = u(r, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function u(r, e) {
+  if (typeof r != "object" || !r) return r;
+  var t = r[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var i = t.call(r, e);
+    if (typeof i != "object") return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(r);
+}
+class a {
+  constructor(e) {
+    o(this, "_payload", void 0), this._payload = e;
+  }
+  get payload() {
+    return this._payload;
+  }
+}
+export {
+  a as View
+};

package/package.json

@@ -1,78 +1,154 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.3.0",
+  "version": "0.4.0",
+  "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
     "dev": "npm run storybook:dev",
-    "build": "npm run clear && npm run rollup",
-    "clear": "concurrently --kill-others \"rimraf ./dist\" \"rimraf ./storybook-static\"",
+    "test": "jest --passWithNoTests",
+    "build": "npm run clear && vite build",
+    "clear": "concurrently \"rimraf ./dist\" \"rimraf ./storybook-static\"",
     "rollup": "rollup -c",
     "storybook:dev": "storybook dev -p 6006",
     "storybook:build": "storybook build",
-    "storybook:test": "test-storybook",
-    "storybook:test:all": "test-storybook --browsers chromium firefox webkit",
+    "storybook:test": "vitest --project=storybook",
     "storybook:test:update": "npm run storybook:test:all -- -u",
     "docs:preview": "npm run --prefix ../telescopium project:preview pictor"
   },
-  "author": "Code0",
+  "author": "CodeZero",
   "devDependencies": {
-    "@mdx-js/react": "^2.1.2",
-    "@rollup/plugin-commonjs": "^21.1.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.5.0",
-    "@storybook/addon-a11y": "^7.6.4",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/cli": "^7.5.3",
-    "@storybook/manager-api": "^7.5.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-vite": "^7.5.3",
-    "@storybook/test-runner": "^0.16.0",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
-    "@tabler/icons-react": "^2.42.0",
-    "@types/react": "^18.0.15",
-    "axe-playwright": "^1.2.3",
-    "babel-loader": "^8.2.3",
-    "concurrently": "^8.2.2",
-    "css-loader": "^6.5.1",
-    "html-webpack-plugin": "^5.5.0",
+    "@ariakit/react": "^0.4.22",
+    "@babel/plugin-proposal-decorators": "^7.29.0",
+    "@babel/plugin-transform-class-properties": "^7.28.6",
+    "@code0-tech/sagittarius-graphql-types": "0.0.0-experimental-2342308809-931efb40b4bf3245999c53abbdd9164cea82e82d",
+    "@codemirror/autocomplete": "^6.20.1",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/language": "^6.12.2",
+    "@codemirror/lint": "^6.9.5",
+    "@codemirror/state": "^6.5.4",
+    "@codemirror/view": "^6.39.16",
+    "@dagrejs/dagre": "^2.0.4",
+    "@lezer/common": "^1.5.1",
+    "@mdx-js/react": "^3.1.1",
+    "@monaco-editor/react": "^4.7.0",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-one-time-password-field": "^0.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@storybook/addon-a11y": "^10.2.17",
+    "@storybook/addon-docs": "^10.2.17",
+    "@storybook/addon-links": "^10.2.17",
+    "@storybook/addon-onboarding": "^10.2.17",
+    "@storybook/addon-vitest": "^10.2.17",
+    "@storybook/builder-vite": "^10.2.17",
+    "@storybook/cli": "^10.2.17",
+    "@storybook/react-vite": "^10.2.17",
+    "@tabler/icons-react": "3.40.0",
+    "@types/jest-image-snapshot": "^6.4.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@uiw/codemirror-themes": "^4.25.8",
+    "@uiw/react-codemirror": "^4.25.8",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@xyflow/react": "^12.10.1",
+    "axe-playwright": "^2.2.2",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-react-compiler": "^19.1.0-rc.3",
+    "cmdk": "^1.1.1",
+    "concurrently": "^9.2.1",
+    "css-loader": "^7.1.4",
+    "html-webpack-plugin": "^5.6.6",
     "identity-obj-proxy": "^3.0.0",
-    "jest-image-snapshot": "^6.4.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^5.0.5",
-    "rollup": "^2.60.0",
-    "rollup-plugin-dts": "^4.0.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.43.5",
-    "sass-loader": "^12.3.0",
-    "storybook": "^7.5.3",
-    "style-loader": "^3.3.1",
-    "typescript": "^4.7.4"
+    "jest-image-snapshot": "^6.5.1",
+    "js-md5": "^0.8.3",
+    "ldrs": "^1.1.9",
+    "merge-props": "^6.0.0",
+    "overlap-area": "^1.1.0",
+    "playwright": "1.58.1",
+    "react": "^19.2.4",
+    "react-contenteditable": "^3.3.7",
+    "react-dom": "^19.2.4",
+    "react-resizable-panels": "^4.7.1",
+    "react-syntax-highlighter": "^16.1.1",
+    "react-zoom-pan-pinch": "^3.7.0",
+    "rimraf": "^6.1.3",
+    "sass": "^1.97.3",
+    "sass-loader": "^16.0.7",
+    "sonner": "^2.0.7",
+    "storybook": "^10.2.17",
+    "style-loader": "^4.0.0",
+    "ts-jest": "^29.4.6",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^4.0.18",
+    "avvvatars-react": "^0.4.2"
+  },
+  "main": "dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/code0-tech/pictor"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
   "types": "dist/index.d.ts",
   "peerDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@ariakit/react": "^0.4.17",
+    "@code0-tech/sagittarius-graphql-types": "0.0.0-experimental-2342308809-931efb40b4bf3245999c53abbdd9164cea82e82d",
+    "@codemirror/autocomplete": "^6.20.0",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/language": "^6.12.1",
+    "@codemirror/lint": "^6.9.4",
+    "@codemirror/state": "^6.5.4",
+    "@codemirror/view": "^6.39.13",
+    "@monaco-editor/react": "^4.7.0",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-one-time-password-field": "^0.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tabler/icons-react": "3.40.0",
+    "@uiw/codemirror-themes": "^4.25.4",
+    "@uiw/react-codemirror": "^4.25.4",
+    "@xyflow/react": "^12.10.0",
+    "cmdk": "^1.1.1",
+    "js-md5": "^0.8.3",
+    "ldrs": "^1.1.9",
+    "merge-props": "^6.0.0",
+    "overlap-area": "^1.1.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-contenteditable": "^3.3.7",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-resizable-panels": "^4.3.1",
+    "react-syntax-highlighter": "^16.1.0",
+    "react-zoom-pan-pinch": "^3.7.0",
+    "sonner": "^2.0.7",
+    "avvvatars-react": "^0.4.2"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "dependencies": {
-    "merge-props": "^6.0.0",
-    "react-aria": "^3.31.1",
-    "react-stately": "^3.29.1",
-    "rollup-plugin-visualizer": "^5.11.0"
   }
 }

package/dist/cjs/components/Text/Text.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { Code0Component, Code0Sizes } from "../../utils/types";
-import "./Text.style.scss";
-export interface FontType extends Omit<Omit<Code0Component<HTMLSpanElement>, "children">, "size"> {
-    children: React.ReactNode;
-    size: Code0Sizes;
-    hierarchy?: "primary" | "secondary" | "tertiary";
-}
-declare const Text: React.FC<FontType>;
-export default Text;

package/dist/cjs/components/alert/Alert.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Alert.style.scss";
-import { Code0Component, Color } from "../../utils/types";
-export interface AlertType extends Omit<Code0Component<HTMLDivElement>, "title"> {
-    children?: ReactNode | ReactNode[];
-    title: ReactNode;
-    color?: Color;
-    icon?: boolean;
-    dismissible?: boolean;
-    onClose?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-}
-declare const Alert: React.FC<AlertType>;
-export interface AlertIconType {
-    color: Color;
-}
-export default Alert;

package/dist/cjs/components/badge/Badge.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import "./Badge.style.scss";
-import { Code0Component, Color } from "../../utils/types";
-export interface BadgeType extends Code0Component<HTMLSpanElement> {
-    children: string;
-    color?: Color;
-}
-declare const Badge: React.FC<BadgeType>;
-export default Badge;

package/dist/cjs/components/button/Button.d.ts

@@ -1,17 +0,0 @@
-import "./Button.style.scss";
-import React, { ReactNode } from "react";
-import { Code0Component, Color } from "../../utils/types";
-export interface ButtonType extends Code0Component<HTMLAnchorElement> {
-    children: ReactNode | ReactNode[];
-    color?: Color;
-    variant?: "none" | "normal" | "outlined" | "filled";
-    active?: boolean;
-    disabled?: boolean;
-}
-export interface ButtonIconType extends Code0Component<HTMLSpanElement> {
-    children: ReactNode;
-}
-declare const _default: React.FC<ButtonType> & {
-    Icon: React.FC<ButtonIconType>;
-};
-export default _default;

package/dist/cjs/components/button-group/ButtonGroup.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactElement } from "react";
-import { ButtonType } from "../button/Button";
-import "./ButtonGroup.style.scss";
-import { Code0Component } from "../../utils/types";
-export interface ButtonGroupType extends Code0Component<HTMLDivElement> {
-    children: ReactElement<ButtonType>[];
-}
-declare const ButtonGroup: React.FC<ButtonGroupType>;
-export default ButtonGroup;

package/dist/cjs/components/card/Card.d.ts

@@ -1,20 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Card.style.scss";
-import { Code0Component, Color } from "../../utils/types";
-export interface CardType extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-    color?: Color;
-    variant?: "none" | "normal" | "outlined" | "filled";
-    gradient?: boolean;
-    gradientPosition?: "top-left" | "top-right" | "bottom-right" | "bottom-left";
-    outline?: boolean;
-}
-export interface SectionType extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-    image?: boolean;
-    border?: boolean;
-}
-declare const _default: React.FC<CardType> & {
-    Section: React.FC<SectionType>;
-};
-export default _default;

package/dist/cjs/components/col/Col.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Col.style.scss";
-import { Code0Component } from "../../utils/types";
-export type ColBreakPointRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface ColType extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-    xs?: ColBreakPointRange;
-    sm?: ColBreakPointRange;
-    md?: ColBreakPointRange;
-    lg?: ColBreakPointRange;
-    xl?: ColBreakPointRange;
-    xxl?: ColBreakPointRange;
-}
-declare const Col: React.FC<ColType>;
-export default Col;

package/dist/cjs/components/container/Container.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Container.style.scss";
-import { Code0Component } from "../../utils/types";
-export interface ContainerType extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-}
-declare const Container: React.FC<ContainerType>;
-export default Container;

package/dist/cjs/components/dropdown/Dropdown.d.ts

@@ -1,24 +0,0 @@
-import React, { ReactElement, ReactNode } from "react";
-import "./Dropdown.style.scss";
-export interface DropdownType {
-    children: ReactElement<DropdownTriggerType & DropdownMenuType>[];
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
-    maxWidthFactor?: number;
-}
-export interface DropdownTriggerType {
-    children: ReactNode;
-}
-export interface DropdownMenuType {
-    children: ReactNode;
-}
-declare const _default: React.FC<DropdownType> & {
-    Trigger: React.FC<DropdownTriggerType>;
-    Menu: React.FC<DropdownMenuType>;
-    Header: React.FC<import("./DropdownHeader").DropdownHeaderType>;
-    Footer: React.FC<import("./DropdownFooter").DropdownFooterType>;
-    Group: React.FC<import("./DropdownItemGroup").DropdownItemGroupType> & {
-        Item: React.FC<import("./DropdownItem").DropdownItemType>;
-    };
-};
-export default _default;

package/dist/cjs/components/dropdown/DropdownFooter.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Dropdown.style.scss";
-export interface DropdownFooterType {
-    children: ReactNode;
-}
-/**
- * Component creates a separate footer with border top
- * for further separation
- *
- * @author Nico Sammito
- * @since 0.1.0
- */
-export declare const DropdownFooter: React.FC<DropdownFooterType>;

package/dist/cjs/components/dropdown/DropdownHeader.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Dropdown.style.scss";
-export interface DropdownHeaderType {
-    children: ReactNode;
-}
-/**
- * Component creates a separate header with border bottom
- * for further separation
- *
- * @author Nico Sammito
- * @since 0.1.0
- */
-export declare const DropdownHeader: React.FC<DropdownHeaderType>;

package/dist/cjs/components/dropdown/DropdownItem.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Dropdown.style.scss";
-export interface DropdownItemType {
-    children: ReactNode;
-}
-/**
- * Component creates an item with over effect
- *
- * @author Nico Sammito
- * @since 0.1.0
- */
-export declare const DropdownItem: React.FC<DropdownItemType>;

package/dist/cjs/components/dropdown/DropdownItemGroup.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Dropdown.style.scss";
-export interface DropdownItemGroupType {
-    children: ReactNode;
-}
-/**
- * Component creates an item with over effect
- *
- * @author Nico Sammito
- * @since 0.1.0
- */
-export declare const DropdownItemGroup: React.FC<DropdownItemGroupType>;

package/dist/cjs/components/flex/Flex.d.ts

@@ -1,8 +0,0 @@
-import { Code0Component } from "../../utils/types";
-import React from "react";
-import "./Flex.style.scss";
-interface FlexType extends Code0Component<HTMLDivElement> {
-    children: React.ReactNode | React.ReactNode[];
-}
-declare const Flex: React.FC<FlexType>;
-export default Flex;

package/dist/cjs/components/input/Input.d.ts

@@ -1,37 +0,0 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, ReactElement } from "react";
-import "./Input.style.scss";
-import { TablerIconsProps } from "@tabler/icons-react";
-export type InputChildType = InputControlType | InputDescType | InputLabelType;
-export interface InputType {
-    children: ReactElement<InputControlType> | ReactElement<InputChildType>[];
-    disabled?: boolean;
-    valid?: boolean | undefined;
-}
-export type InputControlTypesType = "email" | "date" | "datetime-local" | "hidden" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
-export interface InputControlType extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    placeholder: string;
-    children?: ReactElement<InputControlMessageType | InputControlIconType>[] | ReactElement<InputControlMessageType | InputControlIconType>;
-    disabled?: boolean;
-    type?: InputControlTypesType;
-}
-export type InputControlMessageType = {
-    children: string;
-};
-export type InputControlIconType = {
-    children: ReactElement<TablerIconsProps>;
-};
-export type InputLabelType = {
-    children: string;
-};
-export type InputDescType = {
-    children: string;
-};
-declare const _default: React.FC<InputType> & {
-    Desc: React.FC<InputDescType>;
-    Label: React.FC<InputLabelType>;
-    Control: React.ForwardRefExoticComponent<Omit<InputControlType, "ref"> & React.RefAttributes<HTMLInputElement>> & {
-        Message: React.FC<InputControlMessageType>;
-        Icon: React.FC<InputControlIconType>;
-    };
-};
-export default _default;