@tangible/ui 0.0.1 → 0.0.3

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,24 +5,35 @@ 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';
+export { MoveHandle } from './MoveHandle';
 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,17 +41,25 @@ 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';
+export type { MoveHandleLabels, MoveHandleMode, MoveHandleProps, MoveHandleSize } from './MoveHandle';
 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 +67,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,24 +3,35 @@ 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';
+export { MoveHandle } from './MoveHandle/index.js';
 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

@@ -109,6 +109,7 @@
 <symbol id="tui-system-cog" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10.29 4.836A1 1 0 0 1 11.275 4h1.306a1 1 0 0 1 .986.836l.244 1.466c.788.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 0 1 1.217.437l.653 1.13a1 1 0 0 1-.23 1.273l-1.148.944a6 6 0 0 1 0 2.435l1.148.946a1 1 0 0 1 .23 1.272l-.652 1.13a1 1 0 0 1-1.217.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 0 1-.986.836h-1.306a1 1 0 0 1-.987-.836l-.244-1.466a6 6 0 0 1-2.108-1.218l-1.394.522a1 1 0 0 1-1.217-.436l-.652-1.131a1 1 0 0 1 .23-1.272l1.148-.946a6 6 0 0 1 0-2.435l-1.147-.944a1 1 0 0 1-.23-1.272l.652-1.131a1 1 0 0 1 1.217-.437l1.393.522a6 6 0 0 1 2.108-1.218zM14.928 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0" clip-rule="evenodd"/></symbol>
 <symbol id="tui-system-copy" viewBox="0 0 24 24"><path d="M17 10.25h-7v1.5h7zm-7 2.5h7v1.5h-7zm7 2.5h-7v1.5h7z"/><path fill-rule="evenodd" d="M17 6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-1zm1 2.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5V9a.5.5 0 0 1 .5-.5zm-12 7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1H9a2 2 0 0 0-2 2v6.5z" clip-rule="evenodd"/></symbol>
 <symbol id="tui-system-download" viewBox="0 0 24 24"><path d="M5.5 9a.5.5 0 0 1 .5-.5h3V7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.75A1.75 1.75 0 0 0 18.25 7H15v1.5h3.25a.25.25 0 0 1 .25.25V18a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5z"/><path d="M12 17.004 7.002 12.56l.996-1.122 3.252 2.89V4h1.5v10.33l3.252-2.89.996 1.12z"/></symbol>
+<symbol id="tui-system-drag" viewBox="0 0 24 24"><path d="M10 4.99976H8V6.99976H10V4.99976Z"/><path d="M10 10.9998H8V12.9998H10V10.9998Z"/><path d="M8 16.9998H10V18.9998H8V16.9998Z"/><path d="M16 4.99976H14V6.99976H16V4.99976Z"/><path d="M14 10.9998H16V12.9998H14V10.9998Z"/><path d="M16 16.9998H14V18.9998H16V16.9998Z"/></symbol>
 <symbol id="tui-system-duplicate" viewBox="0 0 24 24"><path d="M14.25 12.75H17v1.5h-2.75V17h-1.5v-2.75H10v-1.5h2.75V10h1.5z"/><path fill-rule="evenodd" d="M17 7h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-1H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2zm-2-1.5H6a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1V9a2 2 0 0 1 2-2h6.5V6a.5.5 0 0 0-.5-.5m-6 3h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5V9a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/></symbol>
 <symbol id="tui-system-edit" viewBox="0 0 24 24"><path d="M19.864 4.304a2 2 0 0 0-2.733.732l-.635 1.1 3.464 2 .636-1.1a2 2 0 0 0-.732-2.732m-.746 5.292-3.464-2-4.903 8.49.062 3.893 3.402-1.892zM4 5.25h9v1.5H4zm7 4H4v1.5h7zm-7 4h5v1.5H4zm5 4H4v1.5h5z"/></symbol>
 <symbol id="tui-system-ellipsis-h" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5 11h2v2H5zm6 0h2v2h-2zm6 0h2v2h-2z" clip-rule="evenodd"/></symbol>
@@ -139,6 +140,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

@@ -879,6 +879,14 @@
     "viewBox": "0 0 24 24",
     "sprite": true
   },
+  "system/drag": {
+    "id": "tui-system-drag",
+    "set": "system",
+    "name": "drag",
+    "file": "system/drag.svg",
+    "viewBox": "0 0 24 24",
+    "sprite": true
+  },
   "system/duplicate": {
     "id": "tui-system-duplicate",
     "set": "system",
@@ -1119,6 +1127,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

@@ -113,6 +113,7 @@ export type IconName =
   | 'system/cog'
   | 'system/copy'
   | 'system/download'
+  | 'system/drag'
   | 'system/duplicate'
   | 'system/edit'
   | 'system/ellipsis-h'
@@ -143,6 +144,7 @@ export type IconName =
   | 'system/plus'
   | 'system/recurring'
   | 'system/reverse'
+  | 'system/search'
   | 'system/send'
   | 'system/settings'
   | 'system/show'
@@ -268,6 +270,7 @@ export declare const iconRegistry: {
   'system/cog': IconComponent;
   'system/copy': IconComponent;
   'system/download': IconComponent;
+  'system/drag': IconComponent;
   'system/duplicate': IconComponent;
   'system/edit': IconComponent;
   'system/ellipsis-h': IconComponent;
@@ -298,6 +301,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

@@ -115,6 +115,7 @@ export const iconRegistry = {
   'system/cog': systemIcons['cog'],
   'system/copy': systemIcons['copy'],
   'system/download': systemIcons['download'],
+  'system/drag': systemIcons['drag'],
   'system/duplicate': systemIcons['duplicate'],
   'system/edit': systemIcons['edit'],
   'system/ellipsis-h': systemIcons['ellipsis-h'],
@@ -145,6 +146,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

@@ -33,6 +33,7 @@ export declare const Close: IconComponent;
 export declare const Cog: IconComponent;
 export declare const Copy: IconComponent;
 export declare const Download: IconComponent;
+export declare const Drag: IconComponent;
 export declare const Duplicate: IconComponent;
 export declare const Edit: IconComponent;
 export declare const EllipsisH: IconComponent;
@@ -63,6 +64,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;
@@ -109,6 +111,7 @@ export declare const systemIcons: {
   'cog': IconComponent;
   'copy': IconComponent;
   'download': IconComponent;
+  'drag': IconComponent;
   'duplicate': IconComponent;
   'edit': IconComponent;
   'ellipsis-h': IconComponent;
@@ -139,6 +142,7 @@ export declare const systemIcons: {
   'plus': IconComponent;
   'recurring': IconComponent;
   'reverse': IconComponent;
+  'search': IconComponent;
   'send': IconComponent;
   'settings': IconComponent;
   'show': IconComponent;

package/icons/system/index.js

@@ -310,6 +310,16 @@ export function Download(props) {
   }, props), [_c("path", {d:"M5.5 9a.5.5 0 0 1 .5-.5h3V7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.75A1.75 1.75 0 0 0 18.25 7H15v1.5h3.25a.25.25 0 0 1 .25.25V18a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5z"}), _c("path", {d:"M12 17.004 7.002 12.56l.996-1.122 3.252 2.89V4h1.5v10.33l3.252-2.89.996 1.12z"})]);
 }
 
+export function Drag(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", {d:"M10 4.99976H8V6.99976H10V4.99976Z"}), _c("path", {d:"M10 10.9998H8V12.9998H10V10.9998Z"}), _c("path", {d:"M8 16.9998H10V18.9998H8V16.9998Z"}), _c("path", {d:"M16 4.99976H14V6.99976H16V4.99976Z"}), _c("path", {d:"M14 10.9998H16V12.9998H14V10.9998Z"}), _c("path", {d:"M16 16.9998H14V18.9998H16V16.9998Z"})]);
+}
+
 export function Duplicate(props) {
   return _c("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -610,6 +620,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",
@@ -772,6 +792,7 @@ export const systemIcons = {
   'cog': Cog,
   'copy': Copy,
   'download': Download,
+  'drag': Drag,
   'duplicate': Duplicate,
   'edit': Edit,
   'ellipsis-h': EllipsisH,
@@ -802,6 +823,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.3",
   "description": "Tangible Design System",
   "type": "module",
   "main": "./components/index.js",