@code0-tech/pictor 0.2.3 → 0.4.0

package/dist/components/tab/Tab.js

@@ -0,0 +1,40 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as r } from "../../utils/utils.js";
+import { Tabs as c, Content as m, List as b, Trigger as f } from "@radix-ui/react-tabs";
+import '../../assets/components/tab/Tab.style.css';/* empty css               */
+const x = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab", a), t[0] = a, t[1] = e) : e = t[1];
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ o(c, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, C = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab__list", a), t[0] = a, t[1] = e) : e = t[1];
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ o(b, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, L = (a) => {
+  const t = n.c(5), e = a.value;
+  let l;
+  t[0] !== a ? (l = r("tab__trigger", a), t[0] = a, t[1] = l) : l = t[1];
+  const s = l;
+  let i;
+  return t[2] !== a.value || t[3] !== s ? (i = /* @__PURE__ */ o(f, { "data-slot": "tabs", "data-value": e, ...s }), t[2] = a.value, t[3] = s, t[4] = i) : i = t[4], i;
+}, j = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab__content", a), t[0] = a, t[1] = e) : e = t[1];
+  const l = e;
+  let s;
+  return t[2] !== l ? (s = /* @__PURE__ */ o(m, { "data-slot": "tabs", ...l }), t[2] = l, t[3] = s) : s = t[3], s;
+};
+export {
+  x as Tab,
+  j as TabContent,
+  C as TabList,
+  L as TabTrigger
+};

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

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

package/dist/components/text/Text.js

@@ -0,0 +1,23 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as h } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/text/Text.style.css';/* empty css                */
+import { mergeCode0Props as l } from "../../utils/utils.js";
+const $ = (i) => {
+  const e = h.c(6);
+  let t, r;
+  if (e[0] !== i) {
+    const {
+      size: s,
+      children: m,
+      hierarchy: c,
+      ...n
+    } = i;
+    t = m, r = l(`text text--${c === void 0 ? "secondary" : c} text--${s === void 0 ? "sm" : s}`, n), e[0] = i, e[1] = t, e[2] = r;
+  } else
+    t = e[1], r = e[2];
+  let o;
+  return e[3] !== t || e[4] !== r ? (o = /* @__PURE__ */ p("span", { ...r, children: t }), e[3] = t, e[4] = r, e[5] = o) : o = e[5], o;
+};
+export {
+  $ as Text
+};

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Code0Component, Color } from '../../utils';
+export interface ToastProps extends Omit<Code0Component<HTMLDivElement>, "title" | "id"> {
+    children?: React.ReactNode | React.ReactNode[];
+    id: string | number;
+    title: React.ReactNode;
+    color?: Color;
+    dismissible?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    duration?: number;
+}
+export declare function toast(toast: Omit<ToastProps, 'id'>): string | number;
+export declare function Toast(props: ToastProps): React.JSX.Element;

package/dist/components/toast/Toast.js

@@ -0,0 +1,66 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import { toast as d } from "sonner";
+import '../../assets/components/toast/Toast.style.css';/* empty css                 */
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as f } from "../../utils/utils.js";
+import { IconX as u, IconCircleX as N, IconAlertCircle as y, IconCircleCheck as z, IconInfoCircle as C, IconCircleDot as a } from "@tabler/icons-react";
+import { Text as c } from "../text/Text.js";
+import { Flex as n } from "../flex/Flex.js";
+import { Button as x } from "../button/Button.js";
+function D(o) {
+  return d.custom((e) => /* @__PURE__ */ s(I, { id: e, ...o, children: o.children }), {
+    duration: o.duration ?? 4e3
+  });
+}
+function I(o) {
+  const {
+    dismissible: e = !1,
+    color: i = "secondary",
+    title: t,
+    onClose: _ = () => {
+    },
+    children: l,
+    duration: m = 4e3,
+    ...h
+  } = o;
+  return /* @__PURE__ */ r("div", { ...f(`toast toast--${i}`, h), children: [
+    /* @__PURE__ */ r(n, { className: "toast__header", children: [
+      /* @__PURE__ */ r(n, { className: "toast__header-wrapper", children: [
+        i && /* @__PURE__ */ s(g, { color: i }),
+        /* @__PURE__ */ s(c, { size: "md", children: t })
+      ] }),
+      e && /* @__PURE__ */ s(x, { variant: "none", paddingSize: "xxs", color: i, className: "toast__dismissible", onClick: () => d.dismiss(o.id), children: /* @__PURE__ */ s(u, { size: 16 }) })
+    ] }),
+    l && /* @__PURE__ */ s("div", { className: "toast__content", children: l }),
+    /* @__PURE__ */ r(n, { className: "toast__duration", style: {
+      "--toast-duration": `${m}ms`
+    }, children: [
+      /* @__PURE__ */ s(c, { hierarchy: "tertiary", children: "This message will close in" }),
+      " ",
+      /* @__PURE__ */ s(c, { hierarchy: "primary", children: m / 1e3 }),
+      " ",
+      /* @__PURE__ */ s(c, { children: "seconds" })
+    ] })
+  ] });
+}
+const g = (o) => {
+  const e = p.c(1), {
+    color: i
+  } = o;
+  let t;
+  return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
+    primary: /* @__PURE__ */ s(a, { className: "toast__icon", size: 16 }),
+    secondary: /* @__PURE__ */ s(a, { className: "toast__icon", size: 16 }),
+    tertiary: /* @__PURE__ */ s(a, { className: "toast__icon", size: 16 }),
+    info: /* @__PURE__ */ s(C, { className: "toast__icon", size: 16 }),
+    success: /* @__PURE__ */ s(z, { className: "toast__icon", size: 16 }),
+    warning: /* @__PURE__ */ s(y, { className: "toast__icon", size: 16 }),
+    error: /* @__PURE__ */ s(N, { className: "toast__icon", size: 16 })
+  }, e[0] = t) : t = e[0], t[i] ?? null;
+};
+export {
+  I as Toast,
+  D as toast
+};

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Code0ComponentProps, Color } from '../../utils/types';
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+export type TooltipProps = Code0ComponentProps & RadixTooltip.TooltipProps;
+export type TooltipTriggerProps = Code0ComponentProps & RadixTooltip.TooltipTriggerProps;
+export type TooltipPortalProps = Code0ComponentProps & RadixTooltip.TooltipPortalProps;
+export type TooltipContentProps = Code0ComponentProps & RadixTooltip.TooltipContentProps & {
+    color?: Color;
+};
+export type TooltipArrowProps = Code0ComponentProps & RadixTooltip.TooltipArrowProps & {
+    color?: Color;
+};
+export declare const Tooltip: React.FC<TooltipProps>;
+export declare const TooltipTrigger: React.FC<TooltipTriggerProps>;
+export declare const TooltipPortal: React.FC<TooltipPortalProps>;
+export declare const TooltipContent: React.FC<TooltipContentProps>;
+export declare const TooltipArrow: React.FC<TooltipArrowProps>;

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,48 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import * as c from "@radix-ui/react-tooltip";
+import { mergeCode0Props as a } from "../../utils/utils.js";
+import '../../assets/components/tooltip/Tooltip.style.css';/* empty css                   */
+const u = (o) => {
+  const t = s.c(4);
+  let l;
+  t[0] !== o ? (l = a("tooltip", o), t[0] = o, t[1] = l) : l = t[1];
+  const i = l;
+  let e;
+  return t[2] !== i ? (e = /* @__PURE__ */ r(c.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ r(c.Tooltip, { ...i }) }), t[2] = i, t[3] = e) : e = t[3], e;
+}, $ = (o) => {
+  const t = s.c(4);
+  let l;
+  t[0] !== o ? (l = a("tooltip__trigger", o), t[0] = o, t[1] = l) : l = t[1];
+  const i = l;
+  let e;
+  return t[2] !== i ? (e = /* @__PURE__ */ r(c.TooltipTrigger, { ...i }), t[2] = i, t[3] = e) : e = t[3], e;
+}, d = (o) => {
+  const t = s.c(4);
+  let l;
+  t[0] !== o ? (l = a("tooltip__portal", o), t[0] = o, t[1] = l) : l = t[1];
+  const i = l;
+  let e;
+  return t[2] !== i ? (e = /* @__PURE__ */ r(c.TooltipPortal, { ...i }), t[2] = i, t[3] = e) : e = t[3], e;
+}, w = (o) => {
+  const t = s.c(6), l = o.align, i = `tooltip__content tooltip__content--${o.color ?? "tertiary"}`;
+  let e;
+  t[0] !== o || t[1] !== i ? (e = a(i, o), t[0] = o, t[1] = i, t[2] = e) : e = t[2];
+  const n = e;
+  let f;
+  return t[3] !== o.align || t[4] !== n ? (f = /* @__PURE__ */ r(c.TooltipContent, { align: l, ...n }), t[3] = o.align, t[4] = n, t[5] = f) : f = t[5], f;
+}, x = (o) => {
+  const t = s.c(5), l = `tooltip__arrow tooltip__arrow--${o.color ?? "tertiary"}}`;
+  let i;
+  t[0] !== o || t[1] !== l ? (i = a(l, o), t[0] = o, t[1] = l, t[2] = i) : i = t[2];
+  const e = i;
+  let n;
+  return t[3] !== e ? (n = /* @__PURE__ */ r(c.TooltipArrow, { ...e }), t[3] = e, t[4] = n) : n = t[4], n;
+};
+export {
+  u as Tooltip,
+  x as TooltipArrow,
+  w as TooltipContent,
+  d as TooltipPortal,
+  $ as TooltipTrigger
+};

package/dist/index.d.ts

@@ -1,300 +1,33 @@
-import React, { HTMLProps, ReactNode, ReactElement, DetailedHTMLProps, InputHTMLAttributes } from 'react';
-import { TablerIconsProps } from '@tabler/icons-react';
-import { PositionProps, OverlayTriggerProps } from '@react-types/overlays';
-import { AriaMenuProps, Key } from 'react-aria';
-
-type Color = "primary" | "secondary" | "info" | "success" | "warning" | "error";
-type Code0Sizes = "xs" | "sm" | "md" | "lg" | "xl";
-type Code0FontSizes = "0.75" | "0.8" | "1" | "1.2" | "1.25";
-type StyleProp<Value> = Value;
-interface Code0ComponentProps {
-    m?: StyleProp<number | `${number}`>;
-    my?: StyleProp<number | `${number}`>;
-    mx?: StyleProp<number | `${number}`>;
-    mt?: StyleProp<number | `${number}`>;
-    mb?: StyleProp<number | `${number}`>;
-    ml?: StyleProp<number | `${number}`>;
-    mr?: StyleProp<number | `${number}`>;
-    p?: StyleProp<number | `${number}`>;
-    py?: StyleProp<number | `${number}`>;
-    px?: StyleProp<number | `${number}`>;
-    pt?: StyleProp<number | `${number}`>;
-    pb?: StyleProp<number | `${number}`>;
-    pl?: StyleProp<number | `${number}`>;
-    pr?: StyleProp<number | `${number}`>;
-    bg?: React.CSSProperties['backgroundColor'];
-    c?: React.CSSProperties['color'];
-    opacity?: React.CSSProperties['opacity'];
-    ff?: StyleProp<'mono' | 'text' | 'heading' | (string & {})>;
-    fz?: StyleProp<Code0FontSizes | number | `${number}`>;
-    fw?: StyleProp<React.CSSProperties['fontWeight']>;
-    lts?: StyleProp<React.CSSProperties['letterSpacing']>;
-    ta?: StyleProp<React.CSSProperties['textAlign']>;
-    lh?: StyleProp<number | (string & {})>;
-    fs?: StyleProp<React.CSSProperties['fontStyle']>;
-    tt?: StyleProp<React.CSSProperties['textTransform']>;
-    td?: StyleProp<React.CSSProperties['textDecoration']>;
-    w?: StyleProp<React.CSSProperties['width']>;
-    miw?: StyleProp<React.CSSProperties['minWidth']>;
-    maw?: StyleProp<React.CSSProperties['maxWidth']>;
-    h?: StyleProp<React.CSSProperties['height']>;
-    mih?: StyleProp<React.CSSProperties['minHeight']>;
-    mah?: StyleProp<React.CSSProperties['maxHeight']>;
-    bgsz?: StyleProp<React.CSSProperties['backgroundSize']>;
-    bgp?: StyleProp<React.CSSProperties['backgroundPosition']>;
-    bgr?: StyleProp<React.CSSProperties['backgroundRepeat']>;
-    bga?: StyleProp<React.CSSProperties['backgroundAttachment']>;
-    pos?: StyleProp<React.CSSProperties['position']>;
-    top?: StyleProp<React.CSSProperties['top']>;
-    left?: StyleProp<React.CSSProperties['left']>;
-    bottom?: StyleProp<React.CSSProperties['bottom']>;
-    right?: StyleProp<React.CSSProperties['right']>;
-    inset?: StyleProp<React.CSSProperties['inset']>;
-    display?: StyleProp<React.CSSProperties['display']>;
-    flex?: StyleProp<React.CSSProperties['flex']>;
-    align?: StyleProp<React.CSSProperties['alignItems']>;
-    justify?: StyleProp<React.CSSProperties['justifyContent']>;
-    tf?: StyleProp<React.CSSProperties['transform']>;
-}
-interface Code0Component<T> extends Code0ComponentProps, HTMLProps<T> {
-}
-
-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>;
-
-interface BadgeType extends Code0Component<HTMLSpanElement> {
-    children: string;
-    color?: Color;
-}
-declare const Badge: React.FC<BadgeType>;
-
-interface ButtonType extends Code0Component<HTMLAnchorElement> {
-    children: ReactNode | ReactNode[];
-    color?: Color;
-    variant?: "none" | "normal" | "outlined" | "filled";
-    active?: boolean;
-    disabled?: boolean;
-}
-interface ButtonIconType extends Code0Component<HTMLSpanElement> {
-    children: ReactNode;
-}
-declare const _default$7: React.FC<ButtonType> & {
-    Icon: React.FC<ButtonIconType>;
-};
-
-interface ButtonGroupType extends Code0Component<HTMLDivElement> {
-    children: ReactElement<ButtonType>[];
-}
-declare const ButtonGroup: React.FC<ButtonGroupType>;
-
-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;
-}
-interface SectionType extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-    image?: boolean;
-    border?: boolean;
-}
-declare const _default$6: React.FC<CardType> & {
-    Section: React.FC<SectionType>;
-};
-
-type ColBreakPointRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-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>;
-
-interface ContainerType extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-}
-declare const Container: React.FC<ContainerType>;
-
-interface DropdownItemType {
-    children: ReactNode;
-}
-
-interface DropdownItemGroupType {
-    children: ReactNode;
-}
-
-interface DropdownFooterType {
-    children: ReactNode;
-}
-
-interface DropdownHeaderType {
-    children: ReactNode;
-}
-
-interface DropdownType$1 {
-    children: ReactElement<DropdownTriggerType & DropdownMenuType>[];
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
-    maxWidthFactor?: number;
-}
-interface DropdownTriggerType {
-    children: ReactNode;
-}
-interface DropdownMenuType {
-    children: ReactNode;
-}
-declare const _default$5: React.FC<DropdownType$1> & {
-    Trigger: React.FC<DropdownTriggerType>;
-    Menu: React.FC<DropdownMenuType>;
-    Header: React.FC<DropdownHeaderType>;
-    Footer: React.FC<DropdownFooterType>;
-    Group: React.FC<DropdownItemGroupType> & {
-        Item: React.FC<DropdownItemType>;
-    };
-};
-
-interface FontType extends Omit<Omit<Code0Component<HTMLSpanElement>, "children">, "size"> {
-    children: React.ReactNode;
-    size: Code0Sizes;
-    hierarchy?: "primary" | "secondary" | "tertiary";
-}
-declare const Text: React.FC<FontType>;
-
-type InputChildType = InputControlType | InputDescType | InputLabelType;
-interface InputType {
-    children: ReactElement<InputControlType> | ReactElement<InputChildType>[];
-    disabled?: boolean;
-    valid?: boolean | undefined;
-}
-type InputControlTypesType = "email" | "date" | "datetime-local" | "hidden" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
-interface InputControlType extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    placeholder: string;
-    children?: ReactElement<InputControlMessageType | InputControlIconType>[] | ReactElement<InputControlMessageType | InputControlIconType>;
-    disabled?: boolean;
-    type?: InputControlTypesType;
-}
-type InputControlMessageType = {
-    children: string;
-};
-type InputControlIconType = {
-    children: ReactElement<TablerIconsProps>;
-};
-type InputLabelType = {
-    children: string;
-};
-type InputDescType = {
-    children: string;
-};
-declare const _default$4: 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>;
-    };
-};
-
-interface ListGroupType {
-    children: ReactElement<ListGroupItemType> | ReactElement<ListGroupItemType>[];
-}
-interface ListGroupItemType {
-    children: ReactNode;
-}
-declare const _default$3: React.FC<ListGroupType> & {
-    Item: React.FC<ListGroupItemType>;
-};
-
-interface PopoverProps extends PositionProps, OverlayTriggerProps {
-    children: React.ReactElement<PopoverTriggerType & PopoverContentType>[];
-}
-interface PopoverTriggerType {
-    children: React.ReactElement;
-}
-interface PopoverContentType {
-    children: React.ReactNode;
-}
-declare const _default$2: React.FC<PopoverProps> & {
-    Trigger: React.FC<PopoverTriggerType>;
-    Content: React.FC<PopoverContentType>;
-};
-
-interface MenuType<T> extends AriaMenuProps<T>, PopoverProps {
-    children: React.ReactElement<MenuTriggerType & MenuContentType>[];
-}
-interface MenuTriggerType {
-    children: React.ReactElement;
-}
-interface MenuContentType {
-    children: React.ReactNode;
-}
-interface MenuItemType {
-    children: React.ReactNode;
-    key: Key;
-    color?: Color;
-    disabled?: boolean;
-    unselectable?: boolean;
-    textValue?: string;
-}
-interface MenuShortcutType {
-    children: string;
-}
-interface MenuIconType {
-    children: React.ReactNode;
-}
-interface MenuSectionType {
-    children: React.ReactElement<MenuItemType> | React.ReactElement<MenuItemType>[];
-    title?: string;
-}
-declare const _default$1: React.FC<MenuType<any>> & {
-    Trigger: React.FC<MenuTriggerType>;
-    Content: React.FC<MenuContentType>;
-    Item: React.FC<MenuItemType>;
-    Shortcut: React.FC<MenuShortcutType>;
-    Section: React.FC<MenuSectionType>;
-    Icon: React.FC<MenuIconType>;
-};
-
-interface QuoteType extends Omit<CardType, "children"> {
-    children: string;
-    logo: string;
-    name: string;
-    position: string;
-    inlineBorder?: boolean;
-}
-declare const Quote: React.FC<QuoteType>;
-
-interface RowType extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-}
-declare const Row: React.FC<RowType>;
-
-interface DropdownType {
-    children: ReactElement<TooltipTriggerType & TooltipMenuType>[];
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
-}
-interface TooltipTriggerType {
-    children: ReactNode;
-}
-interface TooltipMenuType {
-    children: ReactNode;
-}
-declare const _default: React.FC<DropdownType> & {
-    Trigger: React.FC<TooltipTriggerType>;
-    Menu: React.FC<TooltipMenuType>;
-};
-
-export { Alert, Badge, _default$7 as Button, ButtonGroup, _default$6 as Card, Col, Container, _default$5 as Dropdown, _default$4 as Input, _default$3 as ListGroup, _default$1 as Menu, _default$2 as Popover, Quote, Row, Text, _default as Tooltip };
+export * from './components/alert/Alert';
+export * from './components/aurora/Aurora';
+export * from './components/avatar/Avatar';
+export * from './components/badge/Badge';
+export * from './components/breadcrumb/Breadcrumb';
+export * from './components/button/Button';
+export * from './components/button-group/ButtonGroup';
+export * from './components/card/Card';
+export * from './components/col/Col';
+export * from './components/command/Command';
+export * from './components/container/Container';
+export * from './components/context-menu/ContextMenu';
+export * from './components/data-table/index';
+export * from './components/dialog/Dialog';
+export * from './components/editor/Editor';
+export * from './components/file-tabs/index';
+export * from './components/flex/Flex';
+export * from './components/flex/Flex';
+export * from './components/form/index';
+export * from './components/fullscreen/FullScreen';
+export * from './components/layout/Layout';
+export * from './components/menu/Menu';
+export * from './components/quote/Quote';
+export * from './components/resizable/Resizable';
+export * from './components/row/Row';
+export * from './components/scroll-area/ScrollArea';
+export * from './components/segmented-control/SegmentedControl';
+export * from './components/spacing/Spacing';
+export * from './components/tab/Tab';
+export * from './components/text/Text';
+export * from './components/toast/Toast';
+export * from './components/tooltip/Tooltip';
+export * from './utils/index';