ag-common 0.0.563 → 0.0.565

package/dist/ui/components/{RadioGroup/DarkMode.d.ts → DarkMode/Base.d.ts}

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'react';
 import React from 'react';
 import { TDarkMode } from './types';
 export interface IDarkMode {
@@ -7,6 +8,7 @@ export interface IDarkMode {
     /** default 2.5rem */
     iconSize?: string;
     className?: string;
+    style?: CSSProperties;
     cookieDocument: string;
 }
 /** shows darkmode toggle. Persists to cookie, and modifies html classList with either dark-mode or light-mode */

package/dist/ui/components/{RadioGroup/DarkMode.js → DarkMode/Base.js}

@@ -1,18 +1,50 @@
 "use strict";
 'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DarkMode = void 0;
 const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const use_1 = require("../../helpers/cookie/use");
 const icons_1 = require("../../icons");
 const FlexColumn_1 = require("../FlexColumn");
 const Icon_1 = require("../Icon");
-const Base_1 = require("./Base");
 const types_1 = require("./types");
+const Base = styled_1.default.div `
+  display: flex;
+  flex-flow: row;
+  &[data-mode='vert'] {
+    flex-flow: column;
+  }
+  overflow: hidden;
+  justify-content: space-between;
+  border-radius: 2rem;
+`;
 const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
   > svg {
     height: 60%;
@@ -21,8 +53,11 @@ const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
 const Label = (0, styled_1.default)(FlexColumn_1.FlexColumn) `
   border-radius: 50%;
   overflow: hidden;
+  cursor: pointer;
+
   &[data-selected='true'] {
     background-color: white;
+    cursor: default;
   }
 `;
 const getColours = (p, vert) => {
@@ -50,6 +85,7 @@ const modes = [
 ];
 /** shows darkmode toggle. Persists to cookie, and modifies html classList with either dark-mode or light-mode */
 const DarkMode = (p) => {
+    var _a, _b;
     const { iconSize = '2.5rem' } = p;
     const [darkmode, setDarkmodeRaw] = (0, use_1.useCookie)({
         defaultValue: types_1.TDarkMode.system,
@@ -58,9 +94,9 @@ const DarkMode = (p) => {
         parse: (v) => Number(v),
         stringify: (v) => v.toString(),
     });
-    const index = modes.findIndex((d) => d.mode === darkmode);
+    const [index, setIndex] = (0, react_1.useState)((_a = modes.findIndex((d) => d.mode === darkmode)) !== null && _a !== void 0 ? _a : 0);
     const [fill, background] = getColours(modes[index].mode, p.mode === 'vert');
-    const twCalc = `calc(${iconSize} + ${iconSize} + ${iconSize} + 20px)`;
+    const twCalc = `calc(${iconSize} + ${iconSize} + ${iconSize} )`;
     const setDarkmode = (newDarkMode) => {
         var _a;
         let className = '';
@@ -81,14 +117,21 @@ const DarkMode = (p) => {
         setDarkmodeRaw(newDarkMode);
         (_a = p.onSubmit) === null || _a === void 0 ? void 0 : _a.call(p, newDarkMode);
     };
-    return (react_1.default.createElement(Base_1.RadioGroup, { className: p.className, mode: p.mode, values: modes, defaultIndex: index, onSubmit: ({ mode }) => {
-            setDarkmode(mode);
-        }, style: Object.assign({ background, border: `solid 2px ${fill}`, width: twCalc, height: iconSize }, (p.mode === 'vert' && {
+    return (react_1.default.createElement(Base, { className: p.className, "data-mode": (_b = p.mode) !== null && _b !== void 0 ? _b : 'horiz', style: Object.assign(Object.assign(Object.assign({}, p.style), { background, border: `solid 2px ${fill}`, width: twCalc, height: iconSize }), (p.mode === 'vert' && {
             width: iconSize,
             height: twCalc,
-        })), renderLabel: (v, selected) => {
-            return (react_1.default.createElement(Label, { "data-selected": selected, style: { width: iconSize, height: iconSize } },
-                react_1.default.createElement(IconStyled, null, v.icon({ style: { fill: selected ? fill : 'white' } }))));
-        } }));
+        })) }, modes.map((v, i) => {
+        const selected = index === i;
+        return (react_1.default.createElement(Label, { "data-selected": selected, style: { width: iconSize, height: iconSize }, 
+            // eslint-disable-next-line react/no-array-index-key
+            key: i.toString(), onClick: () => {
+                if (index === i) {
+                    return;
+                }
+                setIndex(i);
+                setDarkmode(v.mode);
+            } },
+            react_1.default.createElement(IconStyled, null, v.icon({ style: { fill: selected ? fill : 'white' } }))));
+    })));
 };
 exports.DarkMode = DarkMode;

package/dist/ui/components/DarkMode/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Base';
+export * from './types';

package/dist/ui/components/DarkMode/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Base"), exports);
+__exportStar(require("./types"), exports);

package/dist/ui/components/RadioGroup/index.d.ts

@@ -1,2 +1,16 @@
-export * from './Base';
-export * from './DarkMode';
+import type { CSSProperties } from 'react';
+import React from 'react';
+export interface IRadioGroup<T> {
+    /**
+     * can overload the render of the label. defaults to toString
+     */
+    renderLabel?: (a: T, selected: boolean) => JSX.Element;
+    defaultIndex: number;
+    onSubmit: (val: T, index: number) => void;
+    values: T[];
+    className?: string;
+    style?: CSSProperties;
+    /** default horiz */
+    mode?: 'vert' | 'horiz';
+}
+export declare const RadioGroup: <T>(p: IRadioGroup<T>) => React.JSX.Element;

package/dist/ui/components/RadioGroup/index.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -10,9 +11,61 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Base"), exports);
-__exportStar(require("./DarkMode"), exports);
+exports.RadioGroup = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const Base = styled_1.default.div `
+  display: flex;
+  flex-flow: row;
+  &[data-mode='vert'] {
+    flex-flow: column;
+  }
+  overflow: hidden;
+  justify-content: space-between;
+`;
+const Label = styled_1.default.label `
+  text-align: center;
+  display: flex;
+  align-items: center;
+
+  &[data-selected='true'] {
+    cursor: default;
+  }
+  &[data-selected='false'] {
+    cursor: pointer;
+  }
+`;
+const RadioGroup = (p) => {
+    var _a, _b;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const { renderLabel = (x) => x.toString() } = p;
+    const [index, setIndex] = (0, react_1.useState)((_a = p.defaultIndex) !== null && _a !== void 0 ? _a : 0);
+    return (react_1.default.createElement(Base, { className: p.className, style: p.style, "data-mode": (_b = p.mode) !== null && _b !== void 0 ? _b : 'horiz' }, p.values.map((v, i) => (react_1.default.createElement(Label
+    // eslint-disable-next-line react/no-array-index-key
+    , { 
+        // eslint-disable-next-line react/no-array-index-key
+        key: i.toString(), "data-selected": index === i, onClick: () => {
+            if (index === i) {
+                return;
+            }
+            setIndex(i);
+            p.onSubmit(v, i);
+        } }, renderLabel(v, index === i))))));
+};
+exports.RadioGroup = RadioGroup;

package/dist/ui/components/RowOrColumn/index.d.ts

@@ -8,6 +8,7 @@ export interface IRowOrColumn {
     className?: string;
     break?: 'small' | 'vsmall';
     style?: CSSProperties;
+    onClick?: () => void;
 }
 export type IFlexColumn = IRowOrColumn;
 export type IFlexRow = IRowOrColumn;

package/dist/ui/components/TabBar/index.d.ts

@@ -0,0 +1,27 @@
+import type { CSSProperties } from 'react';
+import React from 'react';
+export interface ITabBar {
+    onChangeIndex: (i: number) => void;
+    className?: string;
+    cookieDocument: string;
+    style?: CSSProperties;
+    items: {
+        text: string;
+        icon: (p: {
+            style: {
+                fill?: string;
+            };
+        }) => JSX.Element;
+    }[];
+    theme?: {
+        /** default black */
+        front?: string;
+        /** default blue */
+        frontSelected?: string;
+        /** default #eee */
+        back?: string;
+    };
+    /** default 0 */
+    defaultSelectedIndex?: number;
+}
+export declare const TabBar: (p: ITabBar) => React.JSX.Element;

package/dist/ui/components/TabBar/index.js

@@ -0,0 +1,90 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBar = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const Icon_1 = require("../Icon");
+const Base = styled_1.default.div `
+  display: flex;
+  flex-flow: row;
+  &[data-mode='vert'] {
+    flex-flow: column;
+  }
+  overflow: hidden;
+  justify-content: space-around;
+  width: 100%;
+  margin: auto;
+`;
+const Item = styled_1.default.div `
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  border-radius: 2rem;
+  justify-content: center;
+  height: calc(100% - 1rem);
+  padding-left: 1rem;
+  padding-right: 1rem;
+  width: 10rem;
+  &[data-selected='false'] {
+    opacity: 0.8;
+    cursor: pointer;
+  }
+`;
+const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
+  height: 1.5rem;
+  max-height: 80%;
+  max-width: fit-content;
+`;
+const Text = styled_1.default.div `
+  max-height: 50%;
+  overflow: hidden;
+`;
+const TabBar = (p) => {
+    var _a;
+    const { defaultSelectedIndex = 0, theme: { back = '#eee', frontSelected = '#4d76ff', front = 'black' }, } = Object.assign(Object.assign({}, p), { theme: (_a = p.theme) !== null && _a !== void 0 ? _a : {} });
+    const [index, setIndex] = (0, react_1.useState)(defaultSelectedIndex);
+    return (react_1.default.createElement(Base, { className: p.className, style: p.style }, p.items.map((v, i) => {
+        const selected = index === i;
+        return (react_1.default.createElement(Item, { style: Object.assign(Object.assign({ backgroundColor: back, color: front }, (selected && { color: frontSelected })), { maxWidth: `${100 / p.items.length}%` }), "data-selected": selected, 
+            // eslint-disable-next-line react/no-array-index-key
+            key: i.toString(), onClick: () => {
+                if (index === i) {
+                    return;
+                }
+                setIndex(i);
+                p.onChangeIndex(i);
+            } },
+            react_1.default.createElement(IconStyled, { style: { width: '50%' } }, v.icon({
+                style: Object.assign({}, (selected && { fill: frontSelected })),
+            })),
+            react_1.default.createElement(Text, { "data-type": "text" }, v.text)));
+    })));
+};
+exports.TabBar = TabBar;

package/dist/ui/components/TextEdit/CheckboxEdit.js

@@ -53,7 +53,7 @@ const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = fals
             onSubmit(value);
         }
     });
-    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { className: className, style: { cursor: 'pointer' }, ref: ref, "data-nogrow": noGrow, onClick: (e) => {
+    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { className: className, style: { cursor: 'pointer', width: 'fit-content', flexGrow: 0 }, ref: ref, "data-nogrow": noGrow, onClick: (e) => {
             if (allowUndo) {
                 setValue(!value);
             }

package/dist/ui/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './Button';
 export * from './Chevron';
 export * from './Close';
 export * from './Confirm';
+export * from './DarkMode';
 export * from './DropdownList';
 export * from './FlexColumn';
 export * from './FlexRow';
@@ -24,6 +25,7 @@ export * from './RowOrColumn';
 export * from './Search';
 export * from './Sidebar';
 export * from './SparkLine';
+export * from './TabBar';
 export * from './Table';
 export * from './TextEdit';
 export * from './TextWithButton';

package/dist/ui/components/index.js

@@ -20,6 +20,7 @@ __exportStar(require("./Button"), exports);
 __exportStar(require("./Chevron"), exports);
 __exportStar(require("./Close"), exports);
 __exportStar(require("./Confirm"), exports);
+__exportStar(require("./DarkMode"), exports);
 __exportStar(require("./DropdownList"), exports);
 __exportStar(require("./FlexColumn"), exports);
 __exportStar(require("./FlexRow"), exports);
@@ -40,6 +41,7 @@ __exportStar(require("./RowOrColumn"), exports);
 __exportStar(require("./Search"), exports);
 __exportStar(require("./Sidebar"), exports);
 __exportStar(require("./SparkLine"), exports);
+__exportStar(require("./TabBar"), exports);
 __exportStar(require("./Table"), exports);
 __exportStar(require("./TextEdit"), exports);
 __exportStar(require("./TextWithButton"), exports);

package/dist/ui/icons/Sun.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-export declare const Sun: (p: {
-    style: {
-        fill: string;
+export declare const Sun: (p?: {
+    style?: {
+        /** default black */
+        fill?: string;
     };
 }) => React.JSX.Element;

package/dist/ui/icons/index.d.ts

@@ -1,17 +1,72 @@
-export * from './Checkmark';
-export * from './ChevronRight';
-export * from './Circle';
-export * from './CircleDot';
-export * from './Computer';
-export * from './CrossIcon';
-export * from './Door';
-export * from './Hamburger';
-export * from './HorizontalDots';
-export * from './Magnify';
-export * from './Moon';
-export * from './Pencil';
-export * from './Save';
-export * from './Sun';
-export * from './Undo';
-export * from './UserOutline';
-export * from './Warning';
+/// <reference types="react" />
+import { Checkmark } from './Checkmark';
+import { ChevronRight } from './ChevronRight';
+import { Circle } from './Circle';
+import { CircleDot } from './CircleDot';
+import { Computer } from './Computer';
+import { CrossIcon } from './CrossIcon';
+import { Door } from './Door';
+import { Hamburger } from './Hamburger';
+import { HorizontalDots } from './HorizontalDots';
+import { Magnify } from './Magnify';
+import { Moon } from './Moon';
+import { Pencil } from './Pencil';
+import { Save } from './Save';
+import { Sun } from './Sun';
+import { Undo } from './Undo';
+import { UserOutline } from './UserOutline';
+import { Warning } from './Warning';
+declare const icons: {
+    Checkmark: ({ style, }: {
+        style?: ({
+            fill?: string | undefined;
+        } & import("react").CSSProperties) | undefined;
+    }) => import("react").JSX.Element;
+    ChevronRight: import("react").JSX.Element;
+    Circle: ({ style, dotted, }: {
+        style?: ({
+            fill?: string | undefined;
+        } & import("react").CSSProperties) | undefined;
+        dotted?: boolean | undefined;
+    }) => import("react").JSX.Element;
+    CircleDot: ({ style }: {
+        style?: import("react").CSSProperties | undefined;
+    }) => import("react").JSX.Element;
+    Computer: ({ style, }: {
+        style?: ({
+            fill?: string | undefined;
+        } & import("react").CSSProperties) | undefined;
+    }) => import("react").JSX.Element;
+    CrossIcon: ({ className, onClick, }: {
+        className?: string | undefined;
+        onClick?: (() => void) | undefined;
+    }) => import("react").JSX.Element;
+    Door: import("react").JSX.Element;
+    Hamburger: ({ className }: {
+        className?: string | undefined;
+    }) => import("react").JSX.Element;
+    HorizontalDots: import("react").JSX.Element;
+    Magnify: ({ style, }: {
+        style?: ({
+            fill?: string | undefined;
+        } & import("react").CSSProperties) | undefined;
+    }) => import("react").JSX.Element;
+    Moon: ({ style, }: {
+        style?: ({
+            fill?: string | undefined;
+        } & import("react").CSSProperties) | undefined;
+    }) => import("react").JSX.Element;
+    Pencil: () => import("react").JSX.Element;
+    Save: () => import("react").JSX.Element;
+    Sun: (p?: {
+        style?: {
+            fill?: string | undefined;
+        } | undefined;
+    } | undefined) => import("react").JSX.Element;
+    Undo: () => import("react").JSX.Element;
+    UserOutline: import("react").JSX.Element;
+    Warning: ({ className }: {
+        className?: string | undefined;
+    }) => import("react").JSX.Element;
+};
+export { Checkmark, ChevronRight, Circle, CircleDot, Computer, CrossIcon, Door, Hamburger, HorizontalDots, icons, Magnify, Moon, Pencil, Save, Sun, Undo, UserOutline, Warning, };

package/dist/ui/icons/index.js

@@ -1,33 +1,57 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Checkmark"), exports);
-__exportStar(require("./ChevronRight"), exports);
-__exportStar(require("./Circle"), exports);
-__exportStar(require("./CircleDot"), exports);
-__exportStar(require("./Computer"), exports);
-__exportStar(require("./CrossIcon"), exports);
-__exportStar(require("./Door"), exports);
-__exportStar(require("./Hamburger"), exports);
-__exportStar(require("./HorizontalDots"), exports);
-__exportStar(require("./Magnify"), exports);
-__exportStar(require("./Moon"), exports);
-__exportStar(require("./Pencil"), exports);
-__exportStar(require("./Save"), exports);
-__exportStar(require("./Sun"), exports);
-__exportStar(require("./Undo"), exports);
-__exportStar(require("./UserOutline"), exports);
-__exportStar(require("./Warning"), exports);
+exports.Warning = exports.UserOutline = exports.Undo = exports.Sun = exports.Save = exports.Pencil = exports.Moon = exports.Magnify = exports.icons = exports.HorizontalDots = exports.Hamburger = exports.Door = exports.CrossIcon = exports.Computer = exports.CircleDot = exports.Circle = exports.ChevronRight = exports.Checkmark = void 0;
+const Checkmark_1 = require("./Checkmark");
+Object.defineProperty(exports, "Checkmark", { enumerable: true, get: function () { return Checkmark_1.Checkmark; } });
+const ChevronRight_1 = require("./ChevronRight");
+Object.defineProperty(exports, "ChevronRight", { enumerable: true, get: function () { return ChevronRight_1.ChevronRight; } });
+const Circle_1 = require("./Circle");
+Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return Circle_1.Circle; } });
+const CircleDot_1 = require("./CircleDot");
+Object.defineProperty(exports, "CircleDot", { enumerable: true, get: function () { return CircleDot_1.CircleDot; } });
+const Computer_1 = require("./Computer");
+Object.defineProperty(exports, "Computer", { enumerable: true, get: function () { return Computer_1.Computer; } });
+const CrossIcon_1 = require("./CrossIcon");
+Object.defineProperty(exports, "CrossIcon", { enumerable: true, get: function () { return CrossIcon_1.CrossIcon; } });
+const Door_1 = require("./Door");
+Object.defineProperty(exports, "Door", { enumerable: true, get: function () { return Door_1.Door; } });
+const Hamburger_1 = require("./Hamburger");
+Object.defineProperty(exports, "Hamburger", { enumerable: true, get: function () { return Hamburger_1.Hamburger; } });
+const HorizontalDots_1 = require("./HorizontalDots");
+Object.defineProperty(exports, "HorizontalDots", { enumerable: true, get: function () { return HorizontalDots_1.HorizontalDots; } });
+const Magnify_1 = require("./Magnify");
+Object.defineProperty(exports, "Magnify", { enumerable: true, get: function () { return Magnify_1.Magnify; } });
+const Moon_1 = require("./Moon");
+Object.defineProperty(exports, "Moon", { enumerable: true, get: function () { return Moon_1.Moon; } });
+const Pencil_1 = require("./Pencil");
+Object.defineProperty(exports, "Pencil", { enumerable: true, get: function () { return Pencil_1.Pencil; } });
+const Save_1 = require("./Save");
+Object.defineProperty(exports, "Save", { enumerable: true, get: function () { return Save_1.Save; } });
+const Sun_1 = require("./Sun");
+Object.defineProperty(exports, "Sun", { enumerable: true, get: function () { return Sun_1.Sun; } });
+const Undo_1 = require("./Undo");
+Object.defineProperty(exports, "Undo", { enumerable: true, get: function () { return Undo_1.Undo; } });
+const UserOutline_1 = require("./UserOutline");
+Object.defineProperty(exports, "UserOutline", { enumerable: true, get: function () { return UserOutline_1.UserOutline; } });
+const Warning_1 = require("./Warning");
+Object.defineProperty(exports, "Warning", { enumerable: true, get: function () { return Warning_1.Warning; } });
+const icons = {
+    Checkmark: Checkmark_1.Checkmark,
+    ChevronRight: ChevronRight_1.ChevronRight,
+    Circle: Circle_1.Circle,
+    CircleDot: CircleDot_1.CircleDot,
+    Computer: Computer_1.Computer,
+    CrossIcon: CrossIcon_1.CrossIcon,
+    Door: Door_1.Door,
+    Hamburger: Hamburger_1.Hamburger,
+    HorizontalDots: HorizontalDots_1.HorizontalDots,
+    Magnify: Magnify_1.Magnify,
+    Moon: Moon_1.Moon,
+    Pencil: Pencil_1.Pencil,
+    Save: Save_1.Save,
+    Sun: Sun_1.Sun,
+    Undo: Undo_1.Undo,
+    UserOutline: UserOutline_1.UserOutline,
+    Warning: Warning_1.Warning,
+};
+exports.icons = icons;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.563",
+  "version": "0.0.565",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -42,7 +42,7 @@
     "@babel/types": "7.23.3",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@smithy/types": "2.4.0",
+    "@smithy/types": "2.5.0",
     "@storybook/addon-actions": "7.5.3",
     "@storybook/addon-docs": "7.5.3",
     "@storybook/addon-essentials": "7.5.3",
@@ -58,7 +58,7 @@
     "@types/react": "18.2.37",
     "@types/react-dom": "18.2.15",
     "cross-env": "7.0.3",
-    "eslint-config-e7npm": "0.0.53",
+    "eslint-config-e7npm": "0.0.54",
     "jest": "29.7.0",
     "rimraf": "5.0.5",
     "storybook": "7.5.3",

package/dist/ui/components/RadioGroup/Base.d.ts

@@ -1,16 +0,0 @@
-import type { CSSProperties } from 'react';
-import React from 'react';
-export interface IRadioGroup<T> {
-    /**
-     * can overload the render of the label. defaults to toString
-     */
-    renderLabel?: (a: T, selected: boolean) => JSX.Element;
-    defaultIndex: number;
-    onSubmit: (val: T, index: number) => void;
-    values: T[];
-    className?: string;
-    style?: CSSProperties;
-    /** default horiz */
-    mode?: 'vert' | 'horiz';
-}
-export declare const RadioGroup: <T>(p: IRadioGroup<T>) => React.JSX.Element;

package/dist/ui/components/RadioGroup/Base.js

@@ -1,71 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  &[data-mode='vert'] {
-    flex-flow: column;
-  }
-  border-radius: 2rem;
-  overflow: hidden;
-  justify-content: space-between;
-`;
-const Label = styled_1.default.label `
-  text-align: center;
-  overflow: hidden;
-
-  &[data-selected='true'] {
-    cursor: default;
-  }
-  &[data-selected='false'] {
-    cursor: pointer;
-  }
-`;
-const RadioGroup = (p) => {
-    var _a, _b;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const { renderLabel = (x) => x.toString() } = p;
-    const [index, setIndex] = (0, react_1.useState)((_a = p.defaultIndex) !== null && _a !== void 0 ? _a : 0);
-    return (react_1.default.createElement(Base, { className: p.className, style: p.style, "data-mode": (_b = p.mode) !== null && _b !== void 0 ? _b : 'horiz' }, p.values.map((v, i) => (react_1.default.createElement(Label
-    // eslint-disable-next-line react/no-array-index-key
-    , { 
-        // eslint-disable-next-line react/no-array-index-key
-        key: i.toString(), "data-selected": index === i, onClick: () => {
-            if (index === i) {
-                return;
-            }
-            setIndex(i);
-            p.onSubmit(v, i);
-        } }, renderLabel(v, index === i))))));
-};
-exports.RadioGroup = RadioGroup;