@cere/cere-design-system 0.0.45 → 0.1.0

package/dist/inputs.d.mts

@@ -0,0 +1,109 @@
+import React__default, { RefObject } from 'react';
+import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
+import { ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from '@mui/material';
+export { FormControl, FormControlLabel, FormControlLabelProps, FormControlProps, FormHelperText, FormHelperTextProps, FormLabel, FormLabelProps, InputAdornment, InputAdornmentProps, InputLabel, InputLabelProps } from '@mui/material';
+import { SwitchProps as SwitchProps$1 } from '@mui/material/Switch';
+import { CheckboxProps as CheckboxProps$1 } from '@mui/material/Checkbox';
+import { RadioProps as RadioProps$1 } from '@mui/material/Radio';
+export { default as RadioGroup } from '@mui/material/RadioGroup';
+
+type TextFieldSize = 'small' | 'medium';
+interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
+    size?: TextFieldSize;
+}
+declare const TextField: React__default.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface CopyableFieldProps {
+    /** The string copied to the clipboard. Also rendered as the button label. */
+    value: string;
+    /** Small label rendered above the value (overline-styled). */
+    label?: React__default.ReactNode;
+    /** Custom aria-label; defaults to "Copy {value}". */
+    ariaLabel?: string;
+    /** How long the "Copied" flash stays visible, in ms. @default 1400 */
+    flashDurationMs?: number;
+    /** Text shown during the flash. @default "Copied" */
+    flashLabel?: string;
+    /** Optional callback invoked after a successful copy. */
+    onCopy?: (value: string) => void;
+}
+/**
+ * Tinted card with a label row and a monospace, click-to-copy value button.
+ * Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
+ */
+declare const CopyableField: React__default.ForwardRefExoticComponent<CopyableFieldProps & React__default.RefAttributes<HTMLElement>>;
+
+type SearchFieldVariant = 'standard' | 'pill';
+interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
+    placeholder?: string;
+    /** Fires with the next input value on every change. */
+    onSearch?: (value: string) => void;
+    /** Visual treatment. `pill` renders a fully-rounded input. @default 'standard' */
+    variant?: SearchFieldVariant;
+    /**
+     * Show a keyboard-shortcut hint adornment (⌘ K on Mac, Ctrl + K elsewhere) at
+     * the right edge. Pair with `useSearchHotkeys` to wire the key handler.
+     */
+    shortcutHint?: boolean;
+}
+declare const SearchField: React__default.ForwardRefExoticComponent<Omit<SearchFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface UseSearchHotkeysOptions {
+    /** Cmd/Ctrl + K focuses the ref. @default true */
+    k?: boolean;
+    /** `/` (when not already typing in another field) focuses the ref. @default true */
+    slash?: boolean;
+}
+/**
+ * Wire global Cmd+K (Mac) / Ctrl+K (everywhere else) and `/` hotkeys to focus
+ * the input pointed to by `inputRef`. The `/` hotkey is suppressed while the
+ * user is typing in another input, textarea or contentEditable element so it
+ * doesn't hijack normal typing. Either hotkey can be disabled via options.
+ */
+declare function useSearchHotkeys(inputRef: RefObject<HTMLInputElement | null>, options?: UseSearchHotkeysOptions): void;
+
+type ToggleButtonProps = ToggleButtonProps$1;
+declare const ToggleButton: React__default.FC<ToggleButtonProps>;
+type ToggleButtonGroupProps = ToggleButtonGroupProps$1;
+declare const ToggleButtonGroup: React__default.FC<ToggleButtonGroupProps>;
+
+interface SwitchProps extends SwitchProps$1 {
+    label?: string;
+    labelPosition?: 'left' | 'right';
+}
+declare const Switch: React__default.FC<SwitchProps>;
+
+interface CheckboxProps extends Omit<CheckboxProps$1, 'color'> {
+    label?: string;
+    labelPosition?: 'left' | 'right';
+}
+declare const Checkbox: React__default.FC<CheckboxProps>;
+
+interface RadioProps extends Omit<RadioProps$1, 'color'> {
+    label?: string;
+    labelPosition?: 'left' | 'right';
+}
+declare const Radio: React__default.FC<RadioProps>;
+
+/** Props for the DateRangePicker component. */
+interface DateRangePickerProps {
+    /** The selected start date, or null if unset. */
+    startDate: Date | null;
+    /** The selected end date, or null if unset. */
+    endDate: Date | null;
+    /** Callback fired when the start date changes. */
+    onStartDateChange: (date: Date | null) => void;
+    /** Callback fired when the end date changes. */
+    onEndDateChange: (date: Date | null) => void;
+    /** Earliest selectable date for both pickers. */
+    minDate?: Date;
+    /** Latest selectable date for both pickers. */
+    maxDate?: Date;
+    /** If true, both date pickers are disabled. @default false */
+    disabled?: boolean;
+    /** Size of the text field inputs. @default 'small' */
+    size?: 'small' | 'medium';
+}
+declare const DateRangePicker: React__default.FC<DateRangePickerProps>;
+
+export { Checkbox, type CheckboxProps, CopyableField, type CopyableFieldProps, DateRangePicker, type DateRangePickerProps, Radio, type RadioProps, SearchField, type SearchFieldProps, type SearchFieldVariant, Switch, type SwitchProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, useSearchHotkeys };

package/dist/inputs.d.ts

@@ -0,0 +1,109 @@
+import React__default, { RefObject } from 'react';
+import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
+import { ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from '@mui/material';
+export { FormControl, FormControlLabel, FormControlLabelProps, FormControlProps, FormHelperText, FormHelperTextProps, FormLabel, FormLabelProps, InputAdornment, InputAdornmentProps, InputLabel, InputLabelProps } from '@mui/material';
+import { SwitchProps as SwitchProps$1 } from '@mui/material/Switch';
+import { CheckboxProps as CheckboxProps$1 } from '@mui/material/Checkbox';
+import { RadioProps as RadioProps$1 } from '@mui/material/Radio';
+export { default as RadioGroup } from '@mui/material/RadioGroup';
+
+type TextFieldSize = 'small' | 'medium';
+interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
+    size?: TextFieldSize;
+}
+declare const TextField: React__default.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface CopyableFieldProps {
+    /** The string copied to the clipboard. Also rendered as the button label. */
+    value: string;
+    /** Small label rendered above the value (overline-styled). */
+    label?: React__default.ReactNode;
+    /** Custom aria-label; defaults to "Copy {value}". */
+    ariaLabel?: string;
+    /** How long the "Copied" flash stays visible, in ms. @default 1400 */
+    flashDurationMs?: number;
+    /** Text shown during the flash. @default "Copied" */
+    flashLabel?: string;
+    /** Optional callback invoked after a successful copy. */
+    onCopy?: (value: string) => void;
+}
+/**
+ * Tinted card with a label row and a monospace, click-to-copy value button.
+ * Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
+ */
+declare const CopyableField: React__default.ForwardRefExoticComponent<CopyableFieldProps & React__default.RefAttributes<HTMLElement>>;
+
+type SearchFieldVariant = 'standard' | 'pill';
+interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
+    placeholder?: string;
+    /** Fires with the next input value on every change. */
+    onSearch?: (value: string) => void;
+    /** Visual treatment. `pill` renders a fully-rounded input. @default 'standard' */
+    variant?: SearchFieldVariant;
+    /**
+     * Show a keyboard-shortcut hint adornment (⌘ K on Mac, Ctrl + K elsewhere) at
+     * the right edge. Pair with `useSearchHotkeys` to wire the key handler.
+     */
+    shortcutHint?: boolean;
+}
+declare const SearchField: React__default.ForwardRefExoticComponent<Omit<SearchFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface UseSearchHotkeysOptions {
+    /** Cmd/Ctrl + K focuses the ref. @default true */
+    k?: boolean;
+    /** `/` (when not already typing in another field) focuses the ref. @default true */
+    slash?: boolean;
+}
+/**
+ * Wire global Cmd+K (Mac) / Ctrl+K (everywhere else) and `/` hotkeys to focus
+ * the input pointed to by `inputRef`. The `/` hotkey is suppressed while the
+ * user is typing in another input, textarea or contentEditable element so it
+ * doesn't hijack normal typing. Either hotkey can be disabled via options.
+ */
+declare function useSearchHotkeys(inputRef: RefObject<HTMLInputElement | null>, options?: UseSearchHotkeysOptions): void;
+
+type ToggleButtonProps = ToggleButtonProps$1;
+declare const ToggleButton: React__default.FC<ToggleButtonProps>;
+type ToggleButtonGroupProps = ToggleButtonGroupProps$1;
+declare const ToggleButtonGroup: React__default.FC<ToggleButtonGroupProps>;
+
+interface SwitchProps extends SwitchProps$1 {
+    label?: string;
+    labelPosition?: 'left' | 'right';
+}
+declare const Switch: React__default.FC<SwitchProps>;
+
+interface CheckboxProps extends Omit<CheckboxProps$1, 'color'> {
+    label?: string;
+    labelPosition?: 'left' | 'right';
+}
+declare const Checkbox: React__default.FC<CheckboxProps>;
+
+interface RadioProps extends Omit<RadioProps$1, 'color'> {
+    label?: string;
+    labelPosition?: 'left' | 'right';
+}
+declare const Radio: React__default.FC<RadioProps>;
+
+/** Props for the DateRangePicker component. */
+interface DateRangePickerProps {
+    /** The selected start date, or null if unset. */
+    startDate: Date | null;
+    /** The selected end date, or null if unset. */
+    endDate: Date | null;
+    /** Callback fired when the start date changes. */
+    onStartDateChange: (date: Date | null) => void;
+    /** Callback fired when the end date changes. */
+    onEndDateChange: (date: Date | null) => void;
+    /** Earliest selectable date for both pickers. */
+    minDate?: Date;
+    /** Latest selectable date for both pickers. */
+    maxDate?: Date;
+    /** If true, both date pickers are disabled. @default false */
+    disabled?: boolean;
+    /** Size of the text field inputs. @default 'small' */
+    size?: 'small' | 'medium';
+}
+declare const DateRangePicker: React__default.FC<DateRangePickerProps>;
+
+export { Checkbox, type CheckboxProps, CopyableField, type CopyableFieldProps, DateRangePicker, type DateRangePickerProps, Radio, type RadioProps, SearchField, type SearchFieldProps, type SearchFieldVariant, Switch, type SwitchProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, useSearchHotkeys };

package/dist/inputs.js

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkTHQKYTQEjs = require('./chunk-THQKYTQE.js');
+require('./chunk-CCN6M4LI.js');
+
+
+var _chunkJBHRAAN3js = require('./chunk-JBHRAAN3.js');
+require('./chunk-ZGCN5WCG.js');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Checkbox = _chunkTHQKYTQEjs.Checkbox; exports.CopyableField = _chunkTHQKYTQEjs.CopyableField; exports.DateRangePicker = _chunkTHQKYTQEjs.DateRangePicker; exports.FormControl = _chunkTHQKYTQEjs.FormControl; exports.FormControlLabel = _chunkTHQKYTQEjs.FormControlLabel; exports.FormHelperText = _chunkTHQKYTQEjs.FormHelperText; exports.FormLabel = _chunkTHQKYTQEjs.FormLabel; exports.InputAdornment = _chunkTHQKYTQEjs.InputAdornment; exports.InputLabel = _chunkTHQKYTQEjs.InputLabel; exports.Radio = _chunkTHQKYTQEjs.Radio; exports.RadioGroup = _chunkTHQKYTQEjs.RadioGroup; exports.SearchField = _chunkTHQKYTQEjs.SearchField; exports.Switch = _chunkTHQKYTQEjs.Switch; exports.TextField = _chunkJBHRAAN3js.TextField; exports.ToggleButton = _chunkTHQKYTQEjs.ToggleButton; exports.ToggleButtonGroup = _chunkTHQKYTQEjs.ToggleButtonGroup; exports.useSearchHotkeys = _chunkTHQKYTQEjs.useSearchHotkeys;
+//# sourceMappingURL=inputs.js.map

package/dist/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/inputs.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,q4BAAC","file":"/home/runner/work/cere-design-system/cere-design-system/dist/inputs.js"}

package/dist/inputs.mjs

@@ -0,0 +1,43 @@
+import {
+  Checkbox,
+  CopyableField,
+  DateRangePicker,
+  FormControl,
+  FormControlLabel,
+  FormHelperText,
+  FormLabel,
+  InputAdornment,
+  InputLabel,
+  Radio,
+  RadioGroup,
+  SearchField,
+  Switch,
+  ToggleButton,
+  ToggleButtonGroup,
+  useSearchHotkeys
+} from "./chunk-3WCMINE5.mjs";
+import "./chunk-KVBMZNWT.mjs";
+import {
+  TextField
+} from "./chunk-ZP26PGMS.mjs";
+import "./chunk-PWF2NJDB.mjs";
+export {
+  Checkbox,
+  CopyableField,
+  DateRangePicker,
+  FormControl,
+  FormControlLabel,
+  FormHelperText,
+  FormLabel,
+  InputAdornment,
+  InputLabel,
+  Radio,
+  RadioGroup,
+  SearchField,
+  Switch,
+  TextField,
+  ToggleButton,
+  ToggleButtonGroup,
+  useSearchHotkeys
+};
+//# sourceMappingURL=inputs.mjs.map

package/dist/inputs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}