@tcn/ui 0.12.5 → 0.13.0

package/dist/surfaces/page/h_page.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { HStackProps } from '../../stacks/h_stack.js';
-export interface HPageProps extends Omit<HStackProps, 'as'> {
-}
-export declare const HPage: React.ForwardRefExoticComponent<HPageProps & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=h_page.d.ts.map

package/dist/surfaces/page/h_page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"h_page.d.ts","sourceRoot":"","sources":["../../../src/surfaces/page/h_page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAehB,CAAC"}

package/dist/surfaces/page/h_page.js

@@ -1,22 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { clsx as e } from "clsx";
-import s from "react";
-import { s as f } from "../../page.module-DXhph-u6.js";
-import { HStack as i } from "../../stacks/h_stack.js";
-const x = s.forwardRef(function({ children: r, className: t, ...a }, o) {
-  return /* @__PURE__ */ m(
-    i,
-    {
-      ref: o,
-      as: "main",
-      className: e(f.page, t, "tcn-h-page"),
-      vAlign: "start",
-      ...a,
-      children: r
-    }
-  );
-});
-export {
-  x as HPage
-};
-//# sourceMappingURL=h_page.js.map

package/dist/surfaces/page/h_page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"h_page.js","sources":["../../../src/surfaces/page/h_page.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\n\nexport interface HPageProps extends Omit<HStackProps, 'as'> {}\n\nexport const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(\n  { children, className, ...props }: HPageProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'tcn-h-page')}\n      vAlign=\"start\"\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HPage","React","children","className","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAAMN,GAAW,YAAY;AAAA,MACpD,QAAO;AAAA,MACN,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/page/v_page.d.ts

@@ -1,6 +0,0 @@
-import { VStackProps } from '../../stacks/v_stack.js';
-import { default as React } from 'react';
-export interface VPageProps extends Omit<VStackProps, 'as'> {
-}
-export declare const VPage: React.ForwardRefExoticComponent<VPageProps & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=v_page.d.ts.map

package/dist/surfaces/page/v_page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"v_page.d.ts","sourceRoot":"","sources":["../../../src/surfaces/page/v_page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAchB,CAAC"}

package/dist/surfaces/page/v_page.js

@@ -1,21 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { VStack as e } from "../../stacks/v_stack.js";
-import { clsx as s } from "clsx";
-import f from "react";
-import { s as p } from "../../page.module-DXhph-u6.js";
-const x = f.forwardRef(function({ children: r, className: o, ...t }, a) {
-  return /* @__PURE__ */ m(
-    e,
-    {
-      ref: a,
-      as: "main",
-      className: s(p.page, o, "tcn-v-page"),
-      ...t,
-      children: r
-    }
-  );
-});
-export {
-  x as VPage
-};
-//# sourceMappingURL=v_page.js.map

package/dist/surfaces/page/v_page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"v_page.js","sources":["../../../src/surfaces/page/v_page.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './page.module.css';\n\nexport interface VPageProps extends Omit<VStackProps, 'as'> {}\n\nexport const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(\n  { children, className, ...props }: VPageProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"main\"\n      className={clsx(styles.page, className, 'tcn-v-page')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["VPage","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAAMN,GAAW,YAAY;AAAA,MACnD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/src/layouts/body/h_body.module.css

@@ -1,7 +0,0 @@
-@layer tcn-system {
-  :where(.h-body) {
-    min-width: 0;
-    flex-grow: 1;
-    height: auto;
-  }
-}

package/src/layouts/body/h_body.tsx

@@ -1,28 +0,0 @@
-import { HStack, type HStackProps } from '../../stacks/h_stack.js';
-import React from 'react';
-import { clsx } from 'clsx';
-import styles from './body.module.css';
-
-export interface HBodyProps extends Omit<HStackProps, 'as'> {}
-
-export const HBody = React.forwardRef<HTMLElement, HBodyProps>(function HBody(
-  { children, className, ...props }: HBodyProps,
-  ref
-) {
-  return (
-    <HStack
-      ref={ref}
-      as="div"
-      className={clsx(
-        styles['body'],
-        styles['h-body'],
-        className,
-        'tcn-h-body',
-        'tcn-body'
-      )}
-      {...props}
-    >
-      {children}
-    </HStack>
-  );
-});

package/src/layouts/body/v_body.module.css

@@ -1,7 +0,0 @@
-@layer tcn-system {
-  .v-body {
-    min-height: 0;
-    flex-grow: 1;
-    width: 100%;
-  }
-}

package/src/layouts/body/v_body.tsx

@@ -1,28 +0,0 @@
-import { VStack, type VStackProps } from '../../stacks/v_stack.js';
-import React from 'react';
-import { clsx } from 'clsx';
-import styles from './body.module.css';
-
-export interface VBodyProps extends Omit<VStackProps, 'as'> {}
-
-export const VBody = React.forwardRef<HTMLElement, VBodyProps>(function VBody(
-  { children, className, ...props }: VBodyProps,
-  ref
-) {
-  return (
-    <VStack
-      ref={ref}
-      as="div"
-      className={clsx(
-        styles['body'],
-        styles['v-body'],
-        className,
-        'tcn-body',
-        'tcn-v-body'
-      )}
-      {...props}
-    >
-      {children}
-    </VStack>
-  );
-});

package/src/surfaces/drawers/__stories__/drawers.stories.tsx

@@ -1,26 +0,0 @@
-import { DrawerStart } from '../drawer_start/drawer_start';
-import { DrawerEnd } from '../drawer_end/drawer_end';
-import { DrawerTop } from '../drawer_top/drawer_top';
-import { DrawerBottom } from '../drawer_bottom/drawer_bottom';
-
-export default {
-  title: 'Surfaces/Drawers',
-  component: DrawerStart,
-  tags: ['autodocs'],
-};
-
-export const DrawerStartStory = () => {
-  return <DrawerStart>drawer start</DrawerStart>;
-};
-
-export const DrawerEndStory = () => {
-  return <DrawerEnd>drawer end</DrawerEnd>;
-};
-
-export const DrawerTopStory = () => {
-  return <DrawerTop>drawer top</DrawerTop>;
-};
-
-export const DrawerBottomStory = () => {
-  return <DrawerBottom>drawer bottom</DrawerBottom>;
-};

package/src/surfaces/drawers/drawer_bottom/drawer_bottom.module.css

@@ -1,5 +0,0 @@
-@layer tcn-system {
-  :where(.drawerBottom) {
-    background-color: var(--background-color-primary);
-  }
-}

package/src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx

@@ -1,23 +0,0 @@
-import { VStack, type VStackProps } from '../../../stacks/v_stack.js';
-import { clsx } from 'clsx';
-import React from 'react';
-import styles from './drawer_bottom.module.css';
-
-export interface DrawerBottomProps extends Omit<VStackProps, 'as' | 'children'> {
-  children?: React.ReactNode;
-}
-
-export const DrawerBottom = React.forwardRef<HTMLElement, DrawerBottomProps>(
-  function DrawerBottom({ children, className, ...props }: DrawerBottomProps, ref) {
-    return (
-      <VStack
-        ref={ref}
-        as="section"
-        className={clsx(styles.drawerBottom, className, 'tcn-drawer-bottom')}
-        {...props}
-      >
-        {children}
-      </VStack>
-    );
-  }
-);

package/src/surfaces/drawers/drawer_end/drawer_end.module.css

@@ -1,5 +0,0 @@
-@layer tcn-system {
-  :where(.drawerEnd) {
-    background-color: var(--background-color-primary);
-  }
-}

package/src/surfaces/drawers/drawer_end/drawer_end.tsx

@@ -1,24 +0,0 @@
-import { VStack, type VStackProps } from '../../../stacks/v_stack.js';
-import { clsx } from 'clsx';
-import React from 'react';
-import styles from './drawer_end.module.css';
-
-export interface DrawerEndProps extends Omit<VStackProps, 'as' | 'children'> {
-  children?: React.ReactNode;
-}
-
-export const DrawerEnd = React.forwardRef<HTMLElement, DrawerEndProps>(function DrawerEnd(
-  { children, className, ...props }: DrawerEndProps,
-  ref
-) {
-  return (
-    <VStack
-      ref={ref}
-      as="section"
-      className={clsx(styles.drawerEnd, className, 'tcn-drawerEnd')}
-      {...props}
-    >
-      {children}
-    </VStack>
-  );
-});

package/src/surfaces/drawers/drawer_start/drawer_start.module.css

@@ -1,5 +0,0 @@
-@layer tcn-system {
-  :where(.drawerStart) {
-    background-color: var(--background-color-primary);
-  }
-}

package/src/surfaces/drawers/drawer_start/drawer_start.tsx

@@ -1,23 +0,0 @@
-import { VStack, type VStackProps } from '../../../stacks/v_stack.js';
-import { clsx } from 'clsx';
-import React from 'react';
-import styles from './drawer_start.module.css';
-
-export interface DrawerStartProps extends Omit<VStackProps, 'as' | 'children'> {
-  children?: React.ReactNode;
-}
-
-export const DrawerStart = React.forwardRef<HTMLElement, DrawerStartProps>(
-  function DrawerStart({ children, className, ...props }: DrawerStartProps, ref) {
-    return (
-      <VStack
-        ref={ref}
-        as="section"
-        className={clsx(styles.drawerStart, className, 'tcn-drawerStart')}
-        {...props}
-      >
-        {children}
-      </VStack>
-    );
-  }
-);

package/src/surfaces/drawers/drawer_top/drawer_top.module.css

@@ -1,5 +0,0 @@
-@layer tcn-system {
-  :where(.drawerBottom) {
-    background-color: var(--background-color-primary);
-  }
-}

package/src/surfaces/drawers/drawer_top/drawer_top.tsx

@@ -1,24 +0,0 @@
-import { VStack, type VStackProps } from '../../../stacks/v_stack.js';
-import { clsx } from 'clsx';
-import React from 'react';
-import styles from './drawer_top.module.css';
-
-export interface DrawerTopProps extends Omit<VStackProps, 'as' | 'children'> {
-  children?: React.ReactNode;
-}
-
-export const DrawerTop = React.forwardRef<HTMLElement, DrawerTopProps>(function DrawerTop(
-  { children, className, ...props }: DrawerTopProps,
-  ref
-) {
-  return (
-    <VStack
-      ref={ref}
-      as="section"
-      className={clsx(styles.drawerTop, className, 'tcn-drawerTop')}
-      {...props}
-    >
-      {children}
-    </VStack>
-  );
-});

package/src/surfaces/page/h_page.tsx

@@ -1,23 +0,0 @@
-import { clsx } from 'clsx';
-import React from 'react';
-import styles from './page.module.css';
-import { HStack, type HStackProps } from '../../stacks/h_stack.js';
-
-export interface HPageProps extends Omit<HStackProps, 'as'> {}
-
-export const HPage = React.forwardRef<HTMLElement, HPageProps>(function HPage(
-  { children, className, ...props }: HPageProps,
-  ref
-) {
-  return (
-    <HStack
-      ref={ref}
-      as="main"
-      className={clsx(styles.page, className, 'tcn-h-page')}
-      vAlign="start"
-      {...props}
-    >
-      {children}
-    </HStack>
-  );
-});

package/src/surfaces/page/v_page.tsx

@@ -1,22 +0,0 @@
-import { VStack, type VStackProps } from '../../stacks/v_stack.js';
-import { clsx } from 'clsx';
-import React from 'react';
-import styles from './page.module.css';
-
-export interface VPageProps extends Omit<VStackProps, 'as'> {}
-
-export const VPage = React.forwardRef<HTMLElement, VPageProps>(function VPage(
-  { children, className, ...props }: VPageProps,
-  ref
-) {
-  return (
-    <VStack
-      ref={ref}
-      as="main"
-      className={clsx(styles.page, className, 'tcn-v-page')}
-      {...props}
-    >
-      {children}
-    </VStack>
-  );
-});