@misoto22/kioku-ui 0.0.0 → 0.1.0

package/dist/components/Toggle.js

@@ -1,64 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { useState } from 'react';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Toggle({
-  children,
-  defaultPressed = false,
-  disabled,
-  onClick,
-  onPressedChange,
-  pressed,
-  type = 'button',
-  ...props
-}) {
-  const [internalPressed, setInternalPressed] = useState(defaultPressed);
-  const isPressed = pressed ?? internalPressed;
-  return /*#__PURE__*/_jsxs("button", {
-    ...props,
-    "aria-checked": isPressed,
-    disabled: disabled,
-    onClick: event => {
-      const nextPressed = !isPressed;
-      if (pressed === undefined) {
-        setInternalPressed(nextPressed);
-      }
-      onPressedChange?.(nextPressed);
-      onClick?.(event);
-    },
-    role: "switch",
-    ...{
-      className: "x6s0dn4 xjbqb8w x9r1u3d xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x1y4yzzg xj0sio9 x1ti3rys x1ap6kct xl56j7k xq5j1ye x16d7gm3 x10y07nz xov5yc9 x1pg383a x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xszm2ej"
-    },
-    type: type,
-    children: [/*#__PURE__*/_jsx("span", {
-      "aria-hidden": "true",
-      ...{
-        0: {
-          className: "x6s0dn4 xavu78a xilcjya xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1nhvcw1 x1089um4"
-        },
-        2: {
-          className: "x6s0dn4 xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1089um4 x1j40q36 x10ghty7 x13a6bvl"
-        },
-        1: {
-          className: "x6s0dn4 xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1nhvcw1 x1089um4 x19blmh3 x1lnk2a9"
-        },
-        3: {
-          className: "x6s0dn4 xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1089um4 x13a6bvl x19blmh3 x1lnk2a9"
-        }
-      }[!!isPressed << 1 | !!disabled << 0],
-      children: /*#__PURE__*/_jsx("span", {
-        "aria-hidden": "true",
-        ...{
-          0: {
-            className: "x40o0ze xnpwncj x1elh21b x1t7hrd4 x1af11ui"
-          },
-          1: {
-            className: "xnpwncj x1elh21b x1t7hrd4 x1af11ui xsq02lv"
-          }
-        }[!!disabled << 0]
-      })
-    }), children]
-  });
-}

package/dist/components/VisuallyHidden.d.ts

@@ -1,3 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type VisuallyHiddenProps = Omit<HTMLAttributes<HTMLSpanElement>, 'className'>;
-export declare function VisuallyHidden({ children, ...props }: VisuallyHiddenProps): import("react").JSX.Element;

package/dist/components/VisuallyHidden.doc.d.ts

@@ -1,11 +0,0 @@
-export declare const visuallyHiddenDoc: {
-    name: string;
-    description: string;
-    props: {
-        name: string;
-        description: string;
-    }[];
-    inheritedProps: string[];
-    example: string;
-    storyId: string;
-};

package/dist/components/VisuallyHidden.doc.js

@@ -1,12 +0,0 @@
-import "../styles/stylex.css";
-export const visuallyHiddenDoc = {
-  name: 'VisuallyHidden',
-  description: 'Keeps text available to assistive technology while hiding it visually.',
-  props: [{
-    name: 'children',
-    description: 'Accessible text to hide visually.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLSpanElement> except className and children'],
-  example: '<button><VisuallyHidden>Open navigation</VisuallyHidden></button>',
-  storyId: 'core-visually-hidden--default'
-};

package/dist/components/VisuallyHidden.js

@@ -1,15 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function VisuallyHidden({
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("span", {
-    ...props,
-    ...{
-      className: "xeh89do x1hyvwdk xjm9jq1 xkdpibf xb3r6kr x10l6tqk xuxw1ft x1i1rx1s"
-    },
-    children: children
-  });
-}

package/dist/components/index.d.ts

@@ -1,27 +0,0 @@
-export { Card, type CardElevation, type CardProps } from './Card.js';
-export { CardFooter, type CardFooterProps } from './CardFooter.js';
-export { CardHeader, type CardHeaderProps } from './CardHeader.js';
-export { Center, type CenterProps } from './Center.js';
-export { Divider, type DividerProps } from './Divider.js';
-export { Grid, type GridProps } from './Grid.js';
-export { Heading, type HeadingFamily, type HeadingProps } from './Heading.js';
-export { Section, type SectionProps } from './Section.js';
-export { Stack, type Space, type StackProps } from './Stack.js';
-export { Text, type TextProps, type TextTone } from './Text.js';
-export { VisuallyHidden, type VisuallyHiddenProps } from './VisuallyHidden.js';
-export { Alert, type AlertProps } from './Alert.js';
-export { AsyncState, type AsyncStateProps, type AsyncStateValue, } from './AsyncState.js';
-export { Badge, type BadgeProps, type BadgeTone, type StatusTone, } from './Badge.js';
-export { Button, type ButtonProps, type ButtonVariant, type ControlSize, } from './Button.js';
-export { EmptyState, type EmptyStateProps, type EmptyStateSize, } from './EmptyState.js';
-export { Field, type FieldNecessity, type FieldProps } from './Field.js';
-export { IconButton, type IconButtonProps } from './IconButton.js';
-export { MetricGrid, type MetricGridItem, type MetricGridProps, } from './MetricGrid.js';
-export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from './SegmentedControl.js';
-export { Skeleton, type SkeletonProps } from './Skeleton.js';
-export { Spinner, type SpinnerProps } from './Spinner.js';
-export { StatusDot, type StatusDotProps } from './StatusDot.js';
-export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableDensity, type TableDividers, type TableHeaderCellProps, type TableHeadProps, type TableProps, type TableRowProps, } from './Table.js';
-export { TextArea, type TextAreaProps } from './TextArea.js';
-export { TextInput, type TextInputProps } from './TextInput.js';
-export { Toggle, type ToggleProps } from './Toggle.js';

package/dist/components/index.js

@@ -1,28 +0,0 @@
-import "../styles/stylex.css";
-export { Card } from './Card.js';
-export { CardFooter } from './CardFooter.js';
-export { CardHeader } from './CardHeader.js';
-export { Center } from './Center.js';
-export { Divider } from './Divider.js';
-export { Grid } from './Grid.js';
-export { Heading } from './Heading.js';
-export { Section } from './Section.js';
-export { Stack } from './Stack.js';
-export { Text } from './Text.js';
-export { VisuallyHidden } from './VisuallyHidden.js';
-export { Alert } from './Alert.js';
-export { AsyncState } from './AsyncState.js';
-export { Badge } from './Badge.js';
-export { Button } from './Button.js';
-export { EmptyState } from './EmptyState.js';
-export { Field } from './Field.js';
-export { IconButton } from './IconButton.js';
-export { MetricGrid } from './MetricGrid.js';
-export { SegmentedControl } from './SegmentedControl.js';
-export { Skeleton } from './Skeleton.js';
-export { Spinner } from './Spinner.js';
-export { StatusDot } from './StatusDot.js';
-export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow } from './Table.js';
-export { TextArea } from './TextArea.js';
-export { TextInput } from './TextInput.js';
-export { Toggle } from './Toggle.js';