@misoto22/kioku-ui 0.0.0 → 0.2.0

package/dist/components/CardFooter.d.ts

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

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

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

package/dist/components/CardFooter.doc.js

@@ -1,12 +0,0 @@
-import "../styles/stylex.css";
-export const cardFooterDoc = {
-  name: 'CardFooter',
-  description: 'Provides a padded native footer with an inward divider when composed directly inside a Card.',
-  props: [{
-    name: 'children',
-    description: 'The footer content.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLElement> except className and children'],
-  example: '<Card><Text>Content</Text><CardFooter><Text>Updated now</Text></CardFooter></Card>',
-  storyId: 'core-card--card-footer'
-};

package/dist/components/CardFooter.js

@@ -1,16 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function CardFooter({
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("footer", {
-    ...props,
-    ...{
-      className: "x1pe616k x4tqos1 xlyo07a x1yc2x4e x19a07bp x1suer1w x17uk85o x92ksv2"
-    },
-    children: children
-  });
-}

package/dist/components/CardHeader.d.ts

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

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

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

package/dist/components/CardHeader.doc.js

@@ -1,12 +0,0 @@
-import "../styles/stylex.css";
-export const cardHeaderDoc = {
-  name: 'CardHeader',
-  description: 'Provides a padded native header with an inward divider when composed directly inside a Card.',
-  props: [{
-    name: 'children',
-    description: 'The header content.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLElement> except className and children'],
-  example: '<Card><CardHeader><Heading level={2}>Card title</Heading></CardHeader><Text>Content</Text></Card>',
-  storyId: 'core-card--card-header'
-};

package/dist/components/CardHeader.js

@@ -1,16 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function CardHeader({
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("header", {
-    ...props,
-    ...{
-      className: "x1k3hjl9 x1w5tod1 xeq6m5c x5845i8 x1sx9ztw x1suer1w x17uk85o x92ksv2"
-    },
-    children: children
-  });
-}

package/dist/components/Center.d.ts

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

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

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

package/dist/components/Center.doc.js

@@ -1,12 +0,0 @@
-import "../styles/stylex.css";
-export const centerDoc = {
-  name: 'Center',
-  description: 'Centers child content on both layout axes.',
-  props: [{
-    name: 'children',
-    description: 'The content to center.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLDivElement> except className and children'],
-  example: '<Center><Text>Centered content</Text></Center>',
-  storyId: 'core-center--default'
-};

package/dist/components/Center.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 Center({
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    ...props,
-    ...{
-      className: "x6s0dn4 x78zum5 xl56j7k"
-    },
-    children: children
-  });
-}

package/dist/components/Divider.d.ts

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

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

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

package/dist/components/Divider.doc.js

@@ -1,12 +0,0 @@
-import "../styles/stylex.css";
-export const dividerDoc = {
-  name: 'Divider',
-  description: 'Renders a token-backed native horizontal separator.',
-  props: [{
-    name: 'aria-label',
-    description: 'Optional accessible separator label.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLHRElement> except className'],
-  example: '<Divider aria-label="Separates summary from details" />',
-  storyId: 'core-divider--default'
-};

package/dist/components/Divider.js

@@ -1,12 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function Divider(props) {
-  return /*#__PURE__*/_jsx("hr", {
-    ...props,
-    ...{
-      className: "x1pe616k x4tqos1 xlyo07a x1ghz6dp"
-    }
-  });
-}

package/dist/components/EmptyState.d.ts

@@ -1,11 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-export type EmptyStateSize = 'compact' | 'default';
-export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'title'> {
-    readonly action?: ReactNode;
-    readonly detail?: ReactNode;
-    readonly size?: EmptyStateSize;
-    readonly title: ReactNode;
-    readonly visual?: ReactNode;
-}
-export declare function EmptyState({ action, detail, size, title, visual, ...props }: EmptyStateProps): import("react").JSX.Element;
-export declare function EmptyStateContent({ action, detail, size, title, visual, }: EmptyStateProps): import("react").JSX.Element;

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

@@ -1,16 +0,0 @@
-export declare const emptyStateDoc: {
-    name: string;
-    description: string;
-    props: ({
-        name: string;
-        description: string;
-        required?: undefined;
-    } | {
-        name: string;
-        description: string;
-        required: true;
-    })[];
-    inheritedProps: string[];
-    example: string;
-    storyId: string;
-};

package/dist/components/EmptyState.doc.js

@@ -1,25 +0,0 @@
-import "../styles/stylex.css";
-export const emptyStateDoc = {
-  name: 'EmptyState',
-  description: 'Presents an announced empty result with optional detail and action.',
-  props: [{
-    name: 'action',
-    description: 'Provides an optional consumer-owned recovery action.'
-  }, {
-    name: 'detail',
-    description: 'Provides optional supporting empty-state content.'
-  }, {
-    name: 'size',
-    description: 'Adjusts container padding and grouping rhythm.'
-  }, {
-    name: 'title',
-    description: 'Names the empty state.',
-    required: true
-  }, {
-    name: 'visual',
-    description: 'Provides optional consumer-owned visual content before the copy; consumers own its accessible semantics.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLDivElement> except className and title'],
-  example: '<EmptyState title="No results" detail="Try another query." size="compact" />',
-  storyId: 'core-empty-state--default'
-};

package/dist/components/EmptyState.js

@@ -1,55 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const copyWidth = `calc(${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl} + ${semanticTokens.spacing2xl})`;
-export function EmptyState({
-  action,
-  detail,
-  size = 'default',
-  title,
-  visual,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    ...props,
-    "aria-live": "polite",
-    role: "status",
-    children: /*#__PURE__*/_jsx(EmptyStateContent, {
-      action: action,
-      detail: detail,
-      size: size,
-      title: title,
-      visual: visual
-    })
-  });
-}
-export function EmptyStateContent({
-  action,
-  detail,
-  size = 'default',
-  title,
-  visual
-}) {
-  return /*#__PURE__*/_jsxs("div", {
-    ...{
-      0: {
-        className: "x6s0dn4 x1y4yzzg x78zum5 xdt5ytf xj0sio9 xtl099x x1wib74s x2b8uid"
-      },
-      1: {
-        className: "x6s0dn4 x1y4yzzg x78zum5 xdt5ytf xj0sio9 x2b8uid x1ap6kct x1cfciu7"
-      }
-    }[!!(size === 'compact') << 0],
-    children: [visual, /*#__PURE__*/_jsx("p", {
-      ...{
-        className: "x69it5h x1fkw5ar x1sa4947 x1ghz6dp x6wfg6j"
-      },
-      children: title
-    }), detail ? /*#__PURE__*/_jsx("p", {
-      ...{
-        className: "x1ti3rys x1ezks3f x1ghz6dp x6wfg6j"
-      },
-      children: detail
-    }) : null, action]
-  });
-}

package/dist/components/Field.d.ts

@@ -1,21 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
-import type { StatusTone } from './Badge.js';
-interface FieldContextValue {
-    readonly controlId: string;
-    readonly describedBy: string | undefined;
-    readonly invalid: boolean;
-    readonly required: boolean;
-}
-/** Native requirement metadata displayed alongside the field label. */
-export type FieldNecessity = 'required' | 'optional';
-export interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
-    readonly controlId?: string;
-    readonly description?: ReactNode;
-    readonly label: ReactNode;
-    readonly necessity?: FieldNecessity;
-    readonly status?: ReactNode;
-    readonly statusTone?: StatusTone;
-}
-export declare function Field({ children, controlId, description, label, necessity, status, statusTone, ...props }: FieldProps): import("react").JSX.Element;
-export declare function useFieldControl(): FieldContextValue | null;
-export {};

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

@@ -1,16 +0,0 @@
-export declare const fieldDoc: {
-    name: string;
-    description: string;
-    props: ({
-        name: string;
-        description: string;
-        required?: undefined;
-    } | {
-        name: string;
-        description: string;
-        required: true;
-    })[];
-    inheritedProps: string[];
-    example: string;
-    storyId: string;
-};

package/dist/components/Field.doc.js

@@ -1,28 +0,0 @@
-import "../styles/stylex.css";
-export const fieldDoc = {
-  name: 'Field',
-  description: 'Connects a form control to its label, description, and validation status.',
-  props: [{
-    name: 'controlId',
-    description: 'Overrides the generated form-control identifier.'
-  }, {
-    name: 'description',
-    description: 'Adds supporting text to the control description.'
-  }, {
-    name: 'label',
-    description: 'Provides the control label.',
-    required: true
-  }, {
-    name: 'necessity',
-    description: 'Displays required or optional metadata and supplies the native required default to supported text controls.'
-  }, {
-    name: 'status',
-    description: 'Adds validation or status text to the control description.'
-  }, {
-    name: 'statusTone',
-    description: 'Selects status color, announcement, and invalid semantics.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLDivElement> except className'],
-  example: '<Field label="Email" necessity="required"><TextInput /></Field>',
-  storyId: 'core-field--default'
-};

package/dist/components/Field.js

@@ -1,117 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { createContext, useContext, useId } from 'react';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FieldContext = createContext(null);
-const styles = {
-  root: {
-    k1xSpc: "xrvj5dj",
-    kOIVth: "x1iwn5ga",
-    $$css: true
-  },
-  label: {
-    kGNEyG: "x1pha0wt",
-    kMwMTN: "x1y4yzzg",
-    k1xSpc: "x78zum5",
-    kMv6JI: "xj0sio9",
-    kGuDYH: "xltg2ad",
-    k63SB2: "x1m30uz7",
-    kOIVth: "x1ap6kct",
-    kjj79g: "x1qughib",
-    $$css: true
-  },
-  annotation: {
-    kMwMTN: "x1mgtvnk",
-    k63SB2: "x1jcbhmk",
-    $$css: true
-  },
-  message: {
-    kMv6JI: "xj0sio9",
-    kGuDYH: "xltg2ad",
-    kogj98: "x1ghz6dp",
-    $$css: true
-  },
-  description: {
-    kMwMTN: "x17y7oyd",
-    $$css: true
-  },
-  info: {
-    kMwMTN: "x1ursi0k",
-    $$css: true
-  },
-  success: {
-    kMwMTN: "xw2tli",
-    $$css: true
-  },
-  warning: {
-    kMwMTN: "x6rqny5",
-    $$css: true
-  },
-  danger: {
-    kMwMTN: "x8bm3zx",
-    $$css: true
-  }
-};
-
-/** Native requirement metadata displayed alongside the field label. */
-
-export function Field({
-  children,
-  controlId,
-  description,
-  label,
-  necessity,
-  status,
-  statusTone = 'danger',
-  ...props
-}) {
-  const generatedId = useId();
-  const resolvedControlId = controlId ?? `${generatedId}-control`;
-  const descriptionId = description ? `${generatedId}-description` : undefined;
-  const statusId = status ? `${generatedId}-status` : undefined;
-  const describedBy = [descriptionId, statusId].filter(Boolean).join(' ') || undefined;
-  return /*#__PURE__*/_jsx(FieldContext.Provider, {
-    value: {
-      controlId: resolvedControlId,
-      describedBy,
-      invalid: Boolean(status && statusTone === 'danger'),
-      required: necessity === 'required'
-    },
-    children: /*#__PURE__*/_jsxs("div", {
-      ...props,
-      ...{
-        className: "xrvj5dj x1iwn5ga"
-      },
-      children: [/*#__PURE__*/_jsxs("label", {
-        htmlFor: resolvedControlId,
-        ...{
-          className: "x1pha0wt x1y4yzzg x78zum5 xj0sio9 xltg2ad x1m30uz7 x1ap6kct x1qughib"
-        },
-        children: [/*#__PURE__*/_jsx("span", {
-          children: label
-        }), necessity ? /*#__PURE__*/_jsx("span", {
-          ...{
-            className: "x1mgtvnk x1jcbhmk"
-          },
-          children: ` (${necessity})`
-        }) : null]
-      }), children, description ? /*#__PURE__*/_jsx("p", {
-        id: descriptionId,
-        ...{
-          className: "xj0sio9 xltg2ad x1ghz6dp x17y7oyd"
-        },
-        children: description
-      }) : null, status ? /*#__PURE__*/_jsx("p", {
-        "aria-live": statusTone === 'danger' ? 'assertive' : 'polite',
-        id: statusId,
-        role: statusTone === 'danger' ? 'alert' : 'status',
-        ...stylex.props(styles.message, styles[statusTone]),
-        children: status
-      }) : null]
-    })
-  });
-}
-export function useFieldControl() {
-  return useContext(FieldContext);
-}

package/dist/components/Grid.d.ts

@@ -1,7 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type { Space } from './Stack.js';
-export interface GridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
-    readonly columns?: 1 | 2 | 3 | 4;
-    readonly gap?: Space;
-}
-export declare function Grid({ columns, gap, children, ...props }: GridProps): import("react").JSX.Element;

package/dist/components/Grid.doc.js

@@ -1,15 +0,0 @@
-import "../styles/stylex.css";
-export const gridDoc = {
-  name: 'Grid',
-  description: 'Arranges content in a fixed, semantic-token-spaced grid.',
-  props: [{
-    name: 'columns',
-    description: 'Optional number of columns from 1 through 4.'
-  }, {
-    name: 'gap',
-    description: 'Optional semantic gap token.'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLDivElement> except className'],
-  example: '<Grid columns={2}><Text>First</Text><Text>Second</Text></Grid>',
-  storyId: 'core-grid--default'
-};

package/dist/components/Grid.js

@@ -1,76 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const styles = {
-  base: {
-    k1xSpc: "xrvj5dj",
-    $$css: true
-  },
-  columnOne: {
-    kumcoG: "x11klgcs",
-    $$css: true
-  },
-  columnTwo: {
-    kumcoG: "xnby9oq",
-    $$css: true
-  },
-  columnThree: {
-    kumcoG: "x185a7wo",
-    $$css: true
-  },
-  columnFour: {
-    kumcoG: "x1sipb5g",
-    $$css: true
-  },
-  gapXs: {
-    kOIVth: "x1iwn5ga",
-    $$css: true
-  },
-  gapSm: {
-    kOIVth: "x1ap6kct",
-    $$css: true
-  },
-  gapMd: {
-    kOIVth: "xtl099x",
-    $$css: true
-  },
-  gapLg: {
-    kOIVth: "x4nws80",
-    $$css: true
-  },
-  gapXl: {
-    kOIVth: "x1ws3dqe",
-    $$css: true
-  },
-  gap2xl: {
-    kOIVth: "xl3vxp",
-    $$css: true
-  }
-};
-const columnStyles = {
-  1: styles.columnOne,
-  2: styles.columnTwo,
-  3: styles.columnThree,
-  4: styles.columnFour
-};
-const gaps = {
-  xs: styles.gapXs,
-  sm: styles.gapSm,
-  md: styles.gapMd,
-  lg: styles.gapLg,
-  xl: styles.gapXl,
-  '2xl': styles.gap2xl
-};
-export function Grid({
-  columns = 1,
-  gap = 'md',
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    ...props,
-    ...stylex.props(styles.base, columnStyles[columns], gaps[gap]),
-    children: children
-  });
-}