@tangible/ui 0.0.1 → 0.0.2

package/components/Textarea/index.js

@@ -0,0 +1 @@
+export { Textarea } from './Textarea.js';

package/components/Textarea/types.d.ts

@@ -0,0 +1,25 @@
+import type { TextareaHTMLAttributes } from 'react';
+import type { SizeStandard } from '../../types/sizes';
+export type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
+    /**
+     * Control size.
+     * @default 'md'
+     */
+    size?: SizeStandard;
+    /**
+     * Resize behaviour.
+     * Ignored when `autoResize` is true (resize is disabled to avoid conflict).
+     * @default 'vertical'
+     */
+    resize?: TextareaResize;
+    /**
+     * Automatically grow height to fit content.
+     * Disables manual resize and scrollbar.
+     */
+    autoResize?: boolean;
+    /**
+     * Class name applied to the textarea element.
+     */
+    className?: string;
+};

package/components/Textarea/types.js

@@ -0,0 +1 @@
+export {};

package/components/index.d.ts

@@ -5,10 +5,16 @@ export { Accordion } from './Accordion';
 export { Avatar, AvatarGroup } from './Avatar';
 export { Button } from './Button';
 export { Card } from './Card';
+export { Checkbox } from './Checkbox';
 export { Chip } from './Chip';
+export { ChipGroup } from './ChipGroup';
 export { Chips } from './Chips';
 export { ContentIndicator } from './ContentIndicator';
+export { Combobox, ComboboxContent, ComboboxOption, ComboboxGroup, ComboboxLabel, useCombobox } from './Combobox';
 export { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, useDropdown } from './Dropdown';
+export { Field } from './Field';
+export { MultiSelect, MultiSelectTrigger, MultiSelectContent, MultiSelectOption, MultiSelectGroup, MultiSelectLabel, useMultiSelect } from './MultiSelect';
+export { Select, SelectTrigger, SelectContent, SelectOption, SelectGroup, SelectLabel, useSelect } from './Select';
 export { Icon } from './Icon';
 export { IconButton } from './IconButton';
 export { Modal } from './Modal';
@@ -16,13 +22,17 @@ export { Notice } from './Notice';
 export { OverlapStack } from './OverlapStack';
 export { Pager } from './Pager';
 export { Progress } from './Progress';
+export { RadioGroup, Radio } from './Radio';
 export { Rating } from './Rating';
 export { SegmentedControl } from './SegmentedControl';
 export { Sidebar } from './Sidebar';
 export { StepIndicator } from './StepIndicator';
 export { StepList } from './StepList';
 export { DataTable } from './Table';
+export { Switch } from './Switch';
 export { Tabs } from './Tabs';
+export { Textarea } from './Textarea';
+export { TextInput } from './TextInput';
 export { Toolbar } from './Toolbar';
 export { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent } from './Tooltip';
 export type { AccordionProps, AccordionSingleProps, AccordionMultipleProps, AccordionItemProps, AccordionTriggerProps, AccordionPanelProps, } from './Accordion';
@@ -30,10 +40,16 @@ export type { AvatarProps, AvatarGroupProps, AvatarSize, AvatarShape, AvatarColo
 export { AVATAR_COLORS } from './Avatar';
 export type { ButtonProps } from './Button';
 export type { CardRootProps } from './Card';
+export type { CheckboxProps } from './Checkbox';
 export type { ChipProps } from './Chip';
+export type { ChipGroupProps, ChipGroupSingleProps, ChipGroupMultipleProps } from './ChipGroup';
 export type { ChipsProps, ChipOption } from './Chips';
 export type { ContentIndicatorProps } from './ContentIndicator';
 export type { DropdownProps, DropdownTriggerProps, DropdownContentProps, DropdownItemProps, } from './Dropdown';
+export type { ComboboxProps, ComboboxContentProps, ComboboxOptionProps, ComboboxGroupProps, ComboboxLabelProps, ComboboxRegisteredOption, } from './Combobox';
+export type { FieldProps } from './Field';
+export type { MultiSelectProps, MultiSelectTriggerProps, MultiSelectContentProps, MultiSelectOptionProps, MultiSelectGroupProps, MultiSelectLabelProps, MultiSelectValue, OptionValue as MultiSelectOptionValue, DisplayMode as MultiSelectDisplayMode, MultiSelectRegisteredOption, } from './MultiSelect';
+export type { SelectProps, SelectTriggerProps, SelectContentProps, SelectOptionProps, SelectGroupProps, SelectLabelProps, } from './Select';
 export type { IconProps } from './Icon';
 export type { IconButtonProps } from './IconButton';
 export type { ModalProps } from './Modal';
@@ -41,6 +57,7 @@ export type { NoticeProps } from './Notice';
 export type { OverlapStackProps, OverlapStackOverflowProps } from './OverlapStack';
 export type { PagerProps, PagerMode } from './Pager';
 export type { ProgressProps } from './Progress';
+export type { RadioGroupProps, RadioProps } from './Radio';
 export type { RatingProps } from './Rating';
 export type { SegmentedControlProps, SegmentedControlItemProps, SegmentedControlValue, SegmentedControlVariant, SegmentedControlSize, SegmentedControlOrientation, } from './SegmentedControl';
 export type { SidebarProps, SidebarHeaderProps, SidebarNavProps } from './Sidebar';
@@ -48,5 +65,8 @@ export type { StepIndicatorProps, StepStatus } from './StepIndicator';
 export type { StepListProps, StepListItemProps } from './StepList';
 export type { DataTableProps } from './Table';
 export type { TabsProps, TabsListProps, TabProps, TabPanelProps, TabsVariant, TabsActivationMode, TabsOrientation, } from './Tabs';
+export type { SwitchProps } from './Switch';
+export type { TextareaProps, TextareaResize } from './Textarea';
+export type { TextInputProps, TextInputType } from './TextInput';
 export type { ToolbarProps, ToolbarGroupProps, ToolbarItemProps, ToolbarOrientation } from './Toolbar';
 export type { TooltipProps, TooltipProviderProps, TooltipTriggerProps, TooltipContentProps } from './Tooltip';

package/components/index.js

@@ -3,10 +3,16 @@ export { Accordion } from './Accordion/index.js';
 export { Avatar, AvatarGroup } from './Avatar/index.js';
 export { Button } from './Button/index.js';
 export { Card } from './Card/index.js';
+export { Checkbox } from './Checkbox/index.js';
 export { Chip } from './Chip/index.js';
+export { ChipGroup } from './ChipGroup/index.js';
 export { Chips } from './Chips/index.js';
 export { ContentIndicator } from './ContentIndicator/index.js';
+export { Combobox, ComboboxContent, ComboboxOption, ComboboxGroup, ComboboxLabel, useCombobox } from './Combobox/index.js';
 export { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, useDropdown } from './Dropdown/index.js';
+export { Field } from './Field/index.js';
+export { MultiSelect, MultiSelectTrigger, MultiSelectContent, MultiSelectOption, MultiSelectGroup, MultiSelectLabel, useMultiSelect } from './MultiSelect/index.js';
+export { Select, SelectTrigger, SelectContent, SelectOption, SelectGroup, SelectLabel, useSelect } from './Select/index.js';
 export { Icon } from './Icon/index.js';
 export { IconButton } from './IconButton/index.js';
 export { Modal } from './Modal/index.js';
@@ -14,13 +20,17 @@ export { Notice } from './Notice/index.js';
 export { OverlapStack } from './OverlapStack/index.js';
 export { Pager } from './Pager/index.js';
 export { Progress } from './Progress/index.js';
+export { RadioGroup, Radio } from './Radio/index.js';
 export { Rating } from './Rating/index.js';
 export { SegmentedControl } from './SegmentedControl/index.js';
 export { Sidebar } from './Sidebar/index.js';
 export { StepIndicator } from './StepIndicator/index.js';
 export { StepList } from './StepList/index.js';
 export { DataTable } from './Table/index.js';
+export { Switch } from './Switch/index.js';
 export { Tabs } from './Tabs/index.js';
+export { Textarea } from './Textarea/index.js';
+export { TextInput } from './TextInput/index.js';
 export { Toolbar } from './Toolbar/index.js';
 export { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent } from './Tooltip/index.js';
 export { AVATAR_COLORS } from './Avatar/index.js';

package/icons/icons.svg

@@ -139,6 +139,7 @@
 <symbol id="tui-system-plus" viewBox="0 0 24 24"><path d="M11.25 12.75V16h1.5v-3.25H16v-1.5h-3.25V8h-1.5v3.25H8v1.5z"/></symbol>
 <symbol id="tui-system-recurring" viewBox="0 0 24 24"><path d="M11.592 5.763a6.25 6.25 0 0 1 6.135 3.733l-2.572-.542-.31 1.468 5.162 1.088 1.378-5.322-1.453-.376-.81 3.131a7.75 7.75 0 1 0-.41 6.932l-1.299-.75a6.25 6.25 0 1 1-5.821-9.362"/><path d="M12 7.25a.75.75 0 0 1 .75.75v3.598l2.666 1.778a.75.75 0 0 1-.832 1.248l-2.986-1.991a.8.8 0 0 1-.232-.232.75.75 0 0 1-.116-.401V8a.75.75 0 0 1 .75-.75"/></symbol>
 <symbol id="tui-system-reverse" viewBox="0 0 24 24"><path d="m14.474 4.53 2.72 2.72H6.003v1.5h11.191l-2.72 2.72 1.061 1.06L20.065 8l-4.53-4.53zM9.53 19.47l-2.72-2.72h11.192v-1.5H6.811l2.72-2.72-1.061-1.06L3.94 16l4.53 4.53z"/></symbol>
+<symbol id="tui-system-search" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.0001 11C19.0001 14.3137 16.3138 17 13.0001 17C11.6135 17 10.3369 16.5297 9.32086 15.7399L5.53039 19.5304L4.46973 18.4697L8.26019 14.6793C7.47038 13.6632 7.00006 12.3865 7.00006 11C7.00006 7.68629 9.68635 5 13.0001 5C16.3138 5 19.0001 7.68629 19.0001 11ZM17.5001 11C17.5001 13.4853 15.4853 15.5 13.0001 15.5C10.5148 15.5 8.50006 13.4853 8.50006 11C8.50006 8.51472 10.5148 6.5 13.0001 6.5C15.4853 6.5 17.5001 8.51472 17.5001 11Z" /></symbol>
 <symbol id="tui-system-send" viewBox="0 0 24 24"><path d="M6.332 5.748c-1.03-.426-2.06.607-1.632 1.636l1.702 3.93 7.481.575c.123.01.123.19 0 .2l-7.483.575-1.7 3.909c-.429 1.029.602 2.062 1.632 1.636l12.265-5.076c1.03-.426 1.03-1.884 0-2.31z"/></symbol>
 <symbol id="tui-system-settings" viewBox="0 0 24 24"><path d="M7.114 8.5H4V7h3.114a2.501 2.501 0 0 1 4.772 0H20v1.5h-8.114a2.501 2.501 0 0 1-4.772 0M4 17h8.115a2.501 2.501 0 0 0 4.77 0H20v-1.5h-3.114a2.501 2.501 0 0 0-4.771 0H4z"/></symbol>
 <symbol id="tui-system-show" viewBox="0 0 24 24"><path d="m4 13 .67.336.003-.005.017-.032.077-.138c.07-.122.18-.302.328-.52.298-.435.75-1.017 1.36-1.598C7.672 9.883 9.496 8.75 12 8.75c2.502 0 4.326 1.132 5.545 2.293.61.581 1.061 1.163 1.359 1.599a8 8 0 0 1 .422.689l.003.005L20 13l.671-.336-.001-.003-.003-.005-.008-.015-.027-.052-.1-.18a10 10 0 0 0-.389-.613c-.343-.502-.86-1.17-1.563-1.84C17.173 8.619 14.997 7.25 12 7.25S6.827 8.618 5.42 9.957a11.6 11.6 0 0 0-1.562 1.839 10 10 0 0 0-.516.845l-.008.015-.003.005v.002s-.001.002.67.337m8 3a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7"/></symbol>

package/icons/manifest.json

@@ -1119,6 +1119,14 @@
     "viewBox": "0 0 24 24",
     "sprite": true
   },
+  "system/search": {
+    "id": "tui-system-search",
+    "set": "system",
+    "name": "search",
+    "file": "system/search.svg",
+    "viewBox": "0 0 24 24",
+    "sprite": true
+  },
   "system/send": {
     "id": "tui-system-send",
     "set": "system",

package/icons/registry.d.ts

@@ -143,6 +143,7 @@ export type IconName =
   | 'system/plus'
   | 'system/recurring'
   | 'system/reverse'
+  | 'system/search'
   | 'system/send'
   | 'system/settings'
   | 'system/show'
@@ -298,6 +299,7 @@ export declare const iconRegistry: {
   'system/plus': IconComponent;
   'system/recurring': IconComponent;
   'system/reverse': IconComponent;
+  'system/search': IconComponent;
   'system/send': IconComponent;
   'system/settings': IconComponent;
   'system/show': IconComponent;

package/icons/registry.js

@@ -145,6 +145,7 @@ export const iconRegistry = {
   'system/plus': systemIcons['plus'],
   'system/recurring': systemIcons['recurring'],
   'system/reverse': systemIcons['reverse'],
+  'system/search': systemIcons['search'],
   'system/send': systemIcons['send'],
   'system/settings': systemIcons['settings'],
   'system/show': systemIcons['show'],

package/icons/system/index.d.ts

@@ -63,6 +63,7 @@ export declare const PlusCircleOutline: IconComponent;
 export declare const Plus: IconComponent;
 export declare const Recurring: IconComponent;
 export declare const Reverse: IconComponent;
+export declare const Search: IconComponent;
 export declare const Send: IconComponent;
 export declare const Settings: IconComponent;
 export declare const Show: IconComponent;
@@ -139,6 +140,7 @@ export declare const systemIcons: {
   'plus': IconComponent;
   'recurring': IconComponent;
   'reverse': IconComponent;
+  'search': IconComponent;
   'send': IconComponent;
   'settings': IconComponent;
   'show': IconComponent;

package/icons/system/index.js

@@ -610,6 +610,16 @@ export function Reverse(props) {
   }, props), _c("path", {d:"m14.474 4.53 2.72 2.72H6.003v1.5h11.191l-2.72 2.72 1.061 1.06L20.065 8l-4.53-4.53zM9.53 19.47l-2.72-2.72h11.192v-1.5H6.811l2.72-2.72-1.061-1.06L3.94 16l4.53 4.53z"}));
 }
 
+export function Search(props) {
+  return _c("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, props), _c("path", {fillRule:"evenodd",clipRule:"evenodd",d:"M19.0001 11C19.0001 14.3137 16.3138 17 13.0001 17C11.6135 17 10.3369 16.5297 9.32086 15.7399L5.53039 19.5304L4.46973 18.4697L8.26019 14.6793C7.47038 13.6632 7.00006 12.3865 7.00006 11C7.00006 7.68629 9.68635 5 13.0001 5C16.3138 5 19.0001 7.68629 19.0001 11ZM17.5001 11C17.5001 13.4853 15.4853 15.5 13.0001 15.5C10.5148 15.5 8.50006 13.4853 8.50006 11C8.50006 8.51472 10.5148 6.5 13.0001 6.5C15.4853 6.5 17.5001 8.51472 17.5001 11Z"}));
+}
+
 export function Send(props) {
   return _c("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -802,6 +812,7 @@ export const systemIcons = {
   'plus': Plus,
   'recurring': Recurring,
   'reverse': Reverse,
+  'search': Search,
   'send': Send,
   'settings': Settings,
   'show': Show,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangible/ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Tangible Design System",
   "type": "module",
   "main": "./components/index.js",