@misoto22/kioku-ui 0.0.0 → 0.2.0

package/dist/components/Table.js

@@ -1,205 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { createContext, useContext } from 'react';
-import { semanticTokens } from '../authoring.stylex.js';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultTableStyle = {
-  density: 'default',
-  dividers: 'rows',
-  section: undefined
-};
-const TableStyleContext = createContext(defaultTableStyle);
-const styles = {
-  table: {
-    kLvRdT: "x1mwwwfo",
-    kMwMTN: "x1y4yzzg",
-    kMv6JI: "xj0sio9",
-    kGuDYH: "x1ti3rys",
-    kzqmXN: "xh8yej3",
-    $$css: true
-  },
-  caption: {
-    kMv6JI: "x69it5h",
-    k63SB2: "x1sa4947",
-    k8WAf4: "xoeao9w",
-    k9WMMc: "x1yc453h",
-    $$css: true
-  },
-  bodyRow: {
-    kIyJzY: "x1elc2ff",
-    k1ekBW: "x15406qy",
-    kAMwcw: "xxjumz",
-    ko0ZBZ: "xx3trin",
-    kOmc5w: "x12y31ib",
-    kSReZ0: "x15nsxps",
-    $$css: true
-  },
-  headerCell: {
-    kWkggS: "xavu78a",
-    kMwMTN: "x17y7oyd",
-    k63SB2: "x1sa4947",
-    kg3NbH: "x1wkw8jr",
-    k9WMMc: "x1yc453h",
-    $$css: true
-  },
-  cell: {
-    kg3NbH: "x1wkw8jr",
-    $$css: true
-  },
-  compact: {
-    k8WAf4: "xoeao9w",
-    $$css: true
-  },
-  default: {
-    k8WAf4: "x1lr58ck",
-    $$css: true
-  },
-  spacious: {
-    k8WAf4: "x17uk85o",
-    $$css: true
-  },
-  rowDivider: {
-    kV9P4g: "xrrqrn",
-    kYdPot: "xub24xa",
-    kuUVJo: "xbg14n3",
-    $$css: true
-  },
-  headerRowDivider: {
-    kL6WhQ: "x1k3hjl9",
-    kfdmCh: "x1w5tod1",
-    kt9PQ7: "xeq6m5c",
-    $$css: true
-  },
-  columnDivider: {
-    kQszG1: "x17bc2d0",
-    klVOZA: "x1f0nvx8",
-    klFkld: "x86nh4x",
-    $$css: true
-  }
-};
-function usesRowDividers(dividers) {
-  return dividers === 'rows' || dividers === 'grid';
-}
-function usesColumnDividers(dividers) {
-  return dividers === 'columns' || dividers === 'grid';
-}
-export function Table({
-  children,
-  density = 'default',
-  dividers = 'rows',
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(TableStyleContext.Provider, {
-    value: {
-      density,
-      dividers,
-      section: undefined
-    },
-    children: /*#__PURE__*/_jsx("table", {
-      ...props,
-      ...{
-        className: "x1mwwwfo x1y4yzzg xj0sio9 x1ti3rys xh8yej3"
-      },
-      children: children
-    })
-  });
-}
-export function TableCaption({
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("caption", {
-    ...props,
-    ...{
-      className: "x69it5h x1sa4947 xoeao9w x1yc453h"
-    },
-    children: children
-  });
-}
-export function TableHead({
-  children,
-  ...props
-}) {
-  const tableStyle = useContext(TableStyleContext);
-  return /*#__PURE__*/_jsx(TableStyleContext.Provider, {
-    value: {
-      ...tableStyle,
-      section: 'head'
-    },
-    children: /*#__PURE__*/_jsx("thead", {
-      ...props,
-      children: children
-    })
-  });
-}
-export function TableBody({
-  children,
-  ...props
-}) {
-  const tableStyle = useContext(TableStyleContext);
-  return /*#__PURE__*/_jsx(TableStyleContext.Provider, {
-    value: {
-      ...tableStyle,
-      section: 'body'
-    },
-    children: /*#__PURE__*/_jsx("tbody", {
-      ...props,
-      children: children
-    })
-  });
-}
-export function TableRow({
-  children,
-  ...props
-}) {
-  const {
-    dividers,
-    section
-  } = useContext(TableStyleContext);
-  return /*#__PURE__*/_jsx("tr", {
-    ...props,
-    ...{
-      0: {},
-      2: {
-        className: "x1elc2ff x15406qy xxjumz xx3trin x12y31ib x15nsxps"
-      },
-      1: {
-        className: "xrrqrn xub24xa xbg14n3"
-      },
-      3: {
-        className: "x1elc2ff x15406qy xxjumz xx3trin x12y31ib x15nsxps xrrqrn xub24xa xbg14n3"
-      }
-    }[!!(section === 'body') << 1 | !!(section === 'body' && usesRowDividers(dividers)) << 0],
-    children: children
-  });
-}
-export function TableHeaderCell({
-  children,
-  scope = 'col',
-  ...props
-}) {
-  const {
-    density,
-    dividers
-  } = useContext(TableStyleContext);
-  return /*#__PURE__*/_jsx("th", {
-    ...props,
-    scope: scope,
-    ...stylex.props(styles.headerCell, styles[density], usesRowDividers(dividers) && styles.headerRowDivider, usesColumnDividers(dividers) && styles.columnDivider),
-    children: children
-  });
-}
-export function TableCell({
-  children,
-  ...props
-}) {
-  const {
-    density,
-    dividers
-  } = useContext(TableStyleContext);
-  return /*#__PURE__*/_jsx("td", {
-    ...props,
-    ...stylex.props(styles.cell, styles[density], usesColumnDividers(dividers) && styles.columnDivider),
-    children: children
-  });
-}

package/dist/components/Text.d.ts

@@ -1,7 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type TextTone = 'primary' | 'secondary' | 'muted';
-export interface TextProps extends Omit<HTMLAttributes<HTMLParagraphElement>, 'className'> {
-    readonly size?: 'sm' | 'md' | 'lg';
-    readonly tone?: TextTone;
-}
-export declare function Text({ children, size, tone, ...props }: TextProps): import("react").JSX.Element;

package/dist/components/Text.doc.js

@@ -1,15 +0,0 @@
-import "../styles/stylex.css";
-export const textDoc = {
-  name: 'Text',
-  description: 'Renders body copy with semantic typography tokens.',
-  props: [{
-    name: 'size',
-    description: 'Optional semantic size: "sm", "md", or "lg".'
-  }, {
-    name: 'tone',
-    description: 'Optional hierarchy tone: "primary", "secondary", or "muted".'
-  }],
-  inheritedProps: ['HTMLAttributes<HTMLParagraphElement> except className'],
-  example: '<Text size="md" tone="secondary">Supporting copy.</Text>',
-  storyId: 'core-text--default'
-};

package/dist/components/Text.js

@@ -1,50 +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: {
-    kMwMTN: "x1y4yzzg",
-    kMv6JI: "xj0sio9",
-    k63SB2: "x1jcbhmk",
-    kLWn49: "x1ezks3f",
-    kogj98: "x1ghz6dp",
-    $$css: true
-  },
-  sm: {
-    kGuDYH: "xltg2ad",
-    $$css: true
-  },
-  md: {
-    kGuDYH: "x1ti3rys",
-    $$css: true
-  },
-  lg: {
-    kGuDYH: "x1fkw5ar",
-    $$css: true
-  },
-  primary: {
-    kMwMTN: "x1y4yzzg",
-    $$css: true
-  },
-  secondary: {
-    kMwMTN: "x17y7oyd",
-    $$css: true
-  },
-  muted: {
-    kMwMTN: "x1mgtvnk",
-    $$css: true
-  }
-};
-export function Text({
-  children,
-  size = 'md',
-  tone = 'primary',
-  ...props
-}) {
-  return /*#__PURE__*/_jsx("p", {
-    ...props,
-    ...stylex.props(styles.base, styles[size], styles[tone]),
-    children: children
-  });
-}

package/dist/components/TextArea.d.ts

@@ -1,16 +0,0 @@
-import type { TextareaHTMLAttributes } from 'react';
-type SharedTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'value'> & {
-    readonly onValueChange?: (value: string) => void;
-};
-type ControlledTextAreaProps = SharedTextAreaProps & {
-    readonly defaultValue?: never;
-    readonly onValueChange: (value: string) => void;
-    readonly value: string;
-};
-type UncontrolledTextAreaProps = SharedTextAreaProps & {
-    readonly defaultValue?: string;
-    readonly value?: never;
-};
-export type TextAreaProps = ControlledTextAreaProps | UncontrolledTextAreaProps;
-export declare function TextArea({ 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, disabled, id, onValueChange, readOnly, required, ...props }: TextAreaProps): import("react").JSX.Element;
-export {};

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

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

package/dist/components/TextArea.doc.js

@@ -1,30 +0,0 @@
-import "../styles/stylex.css";
-export const textAreaDoc = {
-  name: 'TextArea',
-  description: 'Collects multiple lines of controlled or uncontrolled text.',
-  props: [{
-    name: 'aria-invalid',
-    description: 'Exposes invalid semantics and danger styling; an explicit value overrides Field status inference.'
-  }, {
-    name: 'defaultValue',
-    description: 'Sets the initial value for an uncontrolled text area.'
-  }, {
-    name: 'disabled',
-    description: 'Disables editing and native form interaction.'
-  }, {
-    name: 'onValueChange',
-    description: 'Receives the current string value after input.'
-  }, {
-    name: 'readOnly',
-    description: 'Keeps the value legible while preventing edits.'
-  }, {
-    name: 'required',
-    description: 'Sets native required semantics; an explicit value overrides the enclosing Field necessity.'
-  }, {
-    name: 'value',
-    description: 'Controls the current value when onValueChange is supplied.'
-  }],
-  inheritedProps: ['TextareaHTMLAttributes<HTMLTextAreaElement> except children, className, defaultValue, onChange, and value'],
-  example: '<Field label="Notes"><TextArea /></Field>',
-  storyId: 'core-text-area--default'
-};

package/dist/components/TextArea.js

@@ -1,47 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { semanticTokens } from '../authoring.stylex.js';
-import { useFieldControl } from './Field.js';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function TextArea({
-  'aria-describedby': ariaDescribedBy,
-  'aria-invalid': ariaInvalid,
-  disabled,
-  id,
-  onValueChange,
-  readOnly,
-  required,
-  ...props
-}) {
-  const field = useFieldControl();
-  const describedBy = [field?.describedBy, ariaDescribedBy].filter(Boolean).join(' ') || undefined;
-  const resolvedInvalid = ariaInvalid ?? field?.invalid;
-  const isInvalid = resolvedInvalid !== undefined && resolvedInvalid !== false && resolvedInvalid !== 'false';
-  function handleChange(event) {
-    onValueChange?.(event.currentTarget.value);
-  }
-  return /*#__PURE__*/_jsx("textarea", {
-    ...props,
-    "aria-describedby": describedBy,
-    "aria-invalid": resolvedInvalid,
-    disabled: disabled,
-    id: field?.controlId ?? id,
-    onChange: handleChange,
-    readOnly: readOnly,
-    required: required ?? field?.required,
-    ...{
-      0: {
-        className: "x1ixvsy6 x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz"
-      },
-      2: {
-        className: "x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz xavu78a x1y4yzzg"
-      },
-      1: {
-        className: "x1ixvsy6 x9f619 x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xcf5wgx x1v4z90s xgozkua x1r1toob"
-      },
-      3: {
-        className: "x9f619 x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xavu78a x1y4yzzg xcf5wgx x1v4z90s xgozkua x1r1toob"
-      }
-    }[!!(readOnly && !disabled) << 1 | !!(isInvalid && !disabled) << 0]
-  });
-}

package/dist/components/TextInput.d.ts

@@ -1,16 +0,0 @@
-import type { InputHTMLAttributes } from 'react';
-type SharedTextInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'value'> & {
-    readonly onValueChange?: (value: string) => void;
-};
-type ControlledTextInputProps = SharedTextInputProps & {
-    readonly defaultValue?: never;
-    readonly onValueChange: (value: string) => void;
-    readonly value: string;
-};
-type UncontrolledTextInputProps = SharedTextInputProps & {
-    readonly defaultValue?: string;
-    readonly value?: never;
-};
-export type TextInputProps = ControlledTextInputProps | UncontrolledTextInputProps;
-export declare function TextInput({ 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, disabled, id, onValueChange, readOnly, required, type, ...props }: TextInputProps): import("react").JSX.Element;
-export {};

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

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

package/dist/components/TextInput.doc.js

@@ -1,30 +0,0 @@
-import "../styles/stylex.css";
-export const textInputDoc = {
-  name: 'TextInput',
-  description: 'Collects one line of controlled or uncontrolled text.',
-  props: [{
-    name: 'aria-invalid',
-    description: 'Exposes invalid semantics and danger styling; an explicit value overrides Field status inference.'
-  }, {
-    name: 'defaultValue',
-    description: 'Sets the initial value for an uncontrolled input.'
-  }, {
-    name: 'disabled',
-    description: 'Disables editing and native form interaction.'
-  }, {
-    name: 'onValueChange',
-    description: 'Receives the current string value after input.'
-  }, {
-    name: 'readOnly',
-    description: 'Keeps the value legible while preventing edits.'
-  }, {
-    name: 'required',
-    description: 'Sets native required semantics; an explicit value overrides the enclosing Field necessity.'
-  }, {
-    name: 'value',
-    description: 'Controls the current value when onValueChange is supplied.'
-  }],
-  inheritedProps: ['InputHTMLAttributes<HTMLInputElement> except children, className, defaultValue, onChange, and value'],
-  example: '<Field label="Name"><TextInput defaultValue="" /></Field>',
-  storyId: 'core-text-input--default'
-};

package/dist/components/TextInput.js

@@ -1,49 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-import { semanticTokens } from '../authoring.stylex.js';
-import { useFieldControl } from './Field.js';
-import "../styles/stylex.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function TextInput({
-  'aria-describedby': ariaDescribedBy,
-  'aria-invalid': ariaInvalid,
-  disabled,
-  id,
-  onValueChange,
-  readOnly,
-  required,
-  type = 'text',
-  ...props
-}) {
-  const field = useFieldControl();
-  const describedBy = [field?.describedBy, ariaDescribedBy].filter(Boolean).join(' ') || undefined;
-  const resolvedInvalid = ariaInvalid ?? field?.invalid;
-  const isInvalid = resolvedInvalid !== undefined && resolvedInvalid !== false && resolvedInvalid !== 'false';
-  function handleChange(event) {
-    onValueChange?.(event.currentTarget.value);
-  }
-  return /*#__PURE__*/_jsx("input", {
-    ...props,
-    "aria-describedby": describedBy,
-    "aria-invalid": resolvedInvalid,
-    disabled: disabled,
-    id: field?.controlId ?? id,
-    onChange: handleChange,
-    readOnly: readOnly,
-    required: required ?? field?.required,
-    ...{
-      0: {
-        className: "x1ixvsy6 x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz"
-      },
-      2: {
-        className: "x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz xavu78a x1y4yzzg"
-      },
-      1: {
-        className: "x1ixvsy6 x9f619 x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xcf5wgx x1v4z90s xgozkua x1r1toob"
-      },
-      3: {
-        className: "x9f619 x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xavu78a x1y4yzzg xcf5wgx x1v4z90s xgozkua x1r1toob"
-      }
-    }[!!(readOnly && !disabled) << 1 | !!(isInvalid && !disabled) << 0],
-    type: type
-  });
-}

package/dist/components/Toggle.d.ts

@@ -1,16 +0,0 @@
-import { type ButtonHTMLAttributes } from 'react';
-type SharedToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-checked' | 'aria-pressed' | 'className' | 'onChange' | 'role'> & {
-    readonly onPressedChange?: (pressed: boolean) => void;
-};
-type ControlledToggleProps = SharedToggleProps & {
-    readonly defaultPressed?: never;
-    readonly onPressedChange: (pressed: boolean) => void;
-    readonly pressed: boolean;
-};
-type UncontrolledToggleProps = SharedToggleProps & {
-    readonly defaultPressed?: boolean;
-    readonly pressed?: never;
-};
-export type ToggleProps = ControlledToggleProps | UncontrolledToggleProps;
-export declare function Toggle({ children, defaultPressed, disabled, onClick, onPressedChange, pressed, type, ...props }: ToggleProps): import("react").JSX.Element;
-export {};

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

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

package/dist/components/Toggle.doc.js

@@ -1,21 +0,0 @@
-import "../styles/stylex.css";
-export const toggleDoc = {
-  name: 'Toggle',
-  description: 'Switches a controlled or uncontrolled boolean setting.',
-  props: [{
-    name: 'defaultPressed',
-    description: 'Sets the initial state for an uncontrolled switch.'
-  }, {
-    name: 'disabled',
-    description: 'Disables native switch activation and focus behavior.'
-  }, {
-    name: 'onPressedChange',
-    description: 'Receives the next boolean state after activation.'
-  }, {
-    name: 'pressed',
-    description: 'Controls the current switch state without internal updates.'
-  }],
-  inheritedProps: ['ButtonHTMLAttributes<HTMLButtonElement> except aria-checked, aria-pressed, className, onChange, and role'],
-  example: '<Toggle aria-label="Enable option" defaultPressed />',
-  storyId: 'core-toggle--default'
-};

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
-  });
-}