draft-components 0.75.3 → 1.0.0-beta

package/esm/hooks/use-focus-trap.js

@@ -0,0 +1,82 @@
+import { useEffect } from 'react';
+import { focusElement } from '../shared/react-helpers';
+import { KeyboardKeys } from '../shared/keyboard-keys';
+const modals = [];
+const focusableElementsSelector = [
+    'a[href]',
+    'area[href]',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    'button:not([disabled])',
+    'iframe',
+    '[tabindex]',
+    '[contentEditable=true]',
+]
+    .map((selector) => `${selector}:not([tabindex='-1'])`)
+    .join(', ');
+/**
+ * Prevents focus move outside a modal element.
+ *
+ * @param {ModalRef} modalRef - The modal element ref object.
+ * @param {Object} options - An object with hook options.
+ * @param {boolean} options.isEnabled - A flag that determines whether
+ * to trap focus or not.
+ */
+export function useFocusTrap(modalRef, options) {
+    const isEnabled = options.isEnabled;
+    useEffect(() => {
+        if (!isEnabled) {
+            return;
+        }
+        modals.push(modalRef);
+        const handleBodyKeyDown = (event) => {
+            if (event.key !== KeyboardKeys.Tab) {
+                return;
+            }
+            const activeModalRef = modals[modals.length - 1];
+            if (activeModalRef == null) {
+                return;
+            }
+            const activeModal = activeModalRef.current;
+            if (activeModal == null) {
+                return;
+            }
+            const focusableEls = Array.from(activeModal.querySelectorAll(focusableElementsSelector));
+            if (focusableEls.length === 0) {
+                return;
+            }
+            const firstFocusableEl = focusableEls[0];
+            const lastFocusableEl = focusableEls[focusableEls.length - 1];
+            if (!activeModal.contains(document.activeElement)) {
+                event.preventDefault();
+                focusElement(firstFocusableEl);
+            }
+            else if (event.shiftKey) {
+                if (document.activeElement === firstFocusableEl) {
+                    event.preventDefault();
+                    focusElement(lastFocusableEl);
+                }
+            }
+            else if (document.activeElement === lastFocusableEl) {
+                event.preventDefault();
+                focusElement(firstFocusableEl);
+            }
+        };
+        // Add only one global `body` key down handler.
+        if (modals.length === 1) {
+            document.body.addEventListener('keydown', handleBodyKeyDown);
+        }
+        return () => {
+            const index = modals.indexOf(modalRef);
+            if (index >= 0) {
+                modals.splice(index, 1);
+            }
+            // Remove the global `body` key down handler
+            // if there are no active modals.
+            if (modals.length === 0) {
+                document.body.removeEventListener('keydown', handleBodyKeyDown);
+            }
+        };
+    }, [isEnabled, modalRef]);
+}

package/esm/hooks/use-mount-transition.d.ts

@@ -0,0 +1,32 @@
+export type TransitionParams = {
+    animateFirstMount?: boolean;
+    isShown: boolean;
+    durationMs: number;
+    /**
+     * CSS class for the initial state of element.
+     * This class defines the starting values of transition styles and
+     * the transition duration and timing function.
+     *
+     * @example
+     * .hidden {
+     *   opacity: 0;
+     *   transition: opacity 0.15s ease;
+     * }
+     */
+    enterFrom: string;
+    /**
+     * CSS class for the target state of element.
+     * This class defines the ending values of transition styles.
+     *
+     * @example
+     * .visible {
+     *   opacity: 1;
+     * }
+     */
+    enterTo: string;
+};
+export type TransitionState = {
+    isMounted: boolean;
+    className: string;
+};
+export declare function useMountTransition({ animateFirstMount, isShown, durationMs, enterFrom, enterTo, }: TransitionParams): TransitionState;

package/esm/hooks/use-mount-transition.js

@@ -0,0 +1,36 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { classNames } from '../shared/react-helpers';
+export function useMountTransition({ animateFirstMount = false, isShown, durationMs, enterFrom, enterTo, }) {
+    const [isMounted, setIsMounted] = useState(isShown);
+    const [hasEnterToClass, setHasEnterToClass] = useState(false);
+    const firstMount = useRef(true);
+    const prefersReducedMotion = useMemo(() => window.matchMedia('(prefers-reduced-motion: reduce)'), []);
+    const disableTransition = (prefersReducedMotion.matches ||
+        (!animateFirstMount && firstMount.current));
+    if (disableTransition) {
+        durationMs = 0;
+    }
+    useEffect(() => {
+        if (!isShown) {
+            firstMount.current = false;
+        }
+    }, [isShown]);
+    useEffect(() => {
+        let timeout;
+        if (isShown) {
+            setIsMounted(true);
+            timeout = window.setTimeout(() => setHasEnterToClass(true));
+        }
+        else {
+            setHasEnterToClass(false);
+            timeout = window.setTimeout(() => setIsMounted(false), durationMs);
+        }
+        return () => window.clearTimeout(timeout);
+    }, [isShown, durationMs]);
+    return {
+        isMounted,
+        className: disableTransition
+            ? ''
+            : classNames(enterFrom, hasEnterToClass && enterTo),
+    };
+}

package/esm/index.d.ts

@@ -0,0 +1,37 @@
+export * from './components/alert';
+export * from './components/avatar';
+export * from './components/avatar-group';
+export * from './components/badge';
+export * from './components/breadcrumbs';
+export * from './components/button';
+export * from './components/button-group';
+export * from './components/caption';
+export * from './components/checkbox';
+export * from './components/date-picker';
+export * from './components/date-picker-popover';
+export * from './components/date-range-picker-popover';
+export * from './components/dialog';
+export * from './components/empty-state';
+export * from './components/file-picker';
+export * from './components/filter-buttons';
+export * from './components/form-field';
+export * from './components/label';
+export * from './components/menu';
+export * from './components/nav-list';
+export * from './components/password-input';
+export * from './components/popover';
+export * from './components/portal';
+export * from './components/radio';
+export * from './components/segmented-control';
+export * from './components/select';
+export * from './components/slider';
+export * from './components/spinner';
+export * from './components/switch';
+export * from './components/table';
+export * from './components/tabs';
+export * from './components/tag';
+export * from './components/text-input';
+export * from './components/textarea';
+export * from './components/toast';
+export * from './components/toaster';
+export * from './components/tooltip';

package/esm/index.js

@@ -0,0 +1,37 @@
+export * from './components/alert';
+export * from './components/avatar';
+export * from './components/avatar-group';
+export * from './components/badge';
+export * from './components/breadcrumbs';
+export * from './components/button';
+export * from './components/button-group';
+export * from './components/caption';
+export * from './components/checkbox';
+export * from './components/date-picker';
+export * from './components/date-picker-popover';
+export * from './components/date-range-picker-popover';
+export * from './components/dialog';
+export * from './components/empty-state';
+export * from './components/file-picker';
+export * from './components/filter-buttons';
+export * from './components/form-field';
+export * from './components/label';
+export * from './components/menu';
+export * from './components/nav-list';
+export * from './components/password-input';
+export * from './components/popover';
+export * from './components/portal';
+export * from './components/radio';
+export * from './components/segmented-control';
+export * from './components/select';
+export * from './components/slider';
+export * from './components/spinner';
+export * from './components/switch';
+export * from './components/table';
+export * from './components/tabs';
+export * from './components/tag';
+export * from './components/text-input';
+export * from './components/textarea';
+export * from './components/toast';
+export * from './components/toaster';
+export * from './components/tooltip';

package/esm/shared/keyboard-keys.d.ts

@@ -0,0 +1,14 @@
+export declare const KeyboardKeys: {
+    ArrowUp: string;
+    ArrowRight: string;
+    ArrowDown: string;
+    ArrowLeft: string;
+    Tab: string;
+    Home: string;
+    End: string;
+    PageUp: string;
+    PageDown: string;
+    Enter: string;
+    Escape: string;
+    Space: string;
+};

package/esm/shared/keyboard-keys.js

@@ -0,0 +1,14 @@
+export const KeyboardKeys = {
+    ArrowUp: 'ArrowUp',
+    ArrowRight: 'ArrowRight',
+    ArrowDown: 'ArrowDown',
+    ArrowLeft: 'ArrowLeft',
+    Tab: 'Tab',
+    Home: 'Home',
+    End: 'End',
+    PageUp: 'PageUp',
+    PageDown: 'PageDown',
+    Enter: 'Enter',
+    Escape: 'Escape',
+    Space: ' ',
+};

package/esm/shared/react-helpers.d.ts

@@ -0,0 +1,13 @@
+import { type MutableRefObject, type ReactElement, type Ref, type RefCallback } from 'react';
+export type ClassNamesObject = {
+    [className: string]: unknown;
+};
+export type ClassName = string | number | boolean | undefined | null | ClassNamesObject;
+export declare function classNames(...classes: ClassName[]): string;
+export type RefParameter<T> = MutableRefObject<T> | Ref<T> | undefined;
+export declare function mergeRefs<T>(...refs: RefParameter<T>[]): RefCallback<T>;
+export type ReactElementWithRef = ReactElement & {
+    ref: Ref<unknown>;
+};
+export declare function isReactElementWithRef(element: unknown): element is ReactElementWithRef;
+export declare function focusElement(element: EventTarget | null | undefined): void;

package/esm/shared/react-helpers.js

@@ -0,0 +1,42 @@
+import { isValidElement, } from 'react';
+export function classNames(...classes) {
+    let resultString = '';
+    for (const className of classes) {
+        if (!className) {
+            continue;
+        }
+        if (typeof className === 'object') {
+            for (const key of Object.keys(className)) {
+                if (className[key]) {
+                    resultString += key + ' ';
+                }
+            }
+        }
+        else {
+            resultString += className + ' ';
+        }
+    }
+    return resultString.trimEnd();
+}
+export function mergeRefs(...refs) {
+    return (instance) => {
+        for (const ref of refs) {
+            if (ref != null) {
+                if (typeof ref === 'function') {
+                    ref(instance);
+                }
+                else {
+                    Object.assign(ref, { current: instance });
+                }
+            }
+        }
+    };
+}
+export function isReactElementWithRef(element) {
+    return isValidElement(element) && 'ref' in element;
+}
+export function focusElement(element) {
+    if (element != null && element instanceof HTMLElement) {
+        element.focus();
+    }
+}

package/esm/shared/util.d.ts

@@ -0,0 +1,2 @@
+export declare function once<T extends (...args: any[]) => any>(fn: T): (...args: Parameters<T>) => ReturnType<T>;
+export declare function assertIfNullable<T>(value: T, message?: string): asserts value is NonNullable<T>;

package/esm/shared/util.js

@@ -0,0 +1,16 @@
+export function once(fn) {
+    let called = false;
+    let result;
+    return (...args) => {
+        if (!called) {
+            called = true;
+            result = fn(...args);
+        }
+        return result;
+    };
+}
+export function assertIfNullable(value, message = 'value is null or undefined') {
+    if (value == null) {
+        throw Error(message);
+    }
+}

package/package.json

@@ -1,27 +1,31 @@
 {
   "name": "draft-components",
-  "version": "0.75.3",
-  "description": "The set of React.js components for rapid prototyping.",
-  "main": "components/index.js",
+  "version": "1.0.0-beta",
+  "description": "The React based UI components library.",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "esm/index.js",
   "files": [
-    "css/**/*",
-    "scss/**/*",
-    "components/**/*",
-    "hooks/**/*",
-    "bootstrap-icons/**/*",
-    "lib/**/*"
+    "css",
+    "dist",
+    "esm"
   ],
   "scripts": {
     "test": "jest",
     "test-coverage": "npm run test -- --coverage --no-cache",
-    "lint": "eslint src --fix",
-    "format": "prettier --write --ignore-unknown .",
-    "check-types": "tsc --noEmit",
-    "styleguide": "styleguidist server",
-    "styleguide-build": "styleguidist build",
-    "bootstrap-icons": "node scripts/bootstrap-icons.js",
+    "lint": "eslint '**/*.{js,ts,tsx}'",
+    "stylelint": "stylelint 'src/**/*.css'",
+    "type-check": "tsc --noEmit",
     "build": "gulp",
-    "preversion": "npm test && npm run build"
+    "prebuild": "npm run test && npm run lint && npm run stylelint",
+    "preversion": "npm run build",
+    "storybook": "start-storybook --port 6060 --no-open",
+    "build-storybook": "build-storybook"
   },
   "repository": {
     "type": "git",
@@ -39,55 +43,54 @@
   },
   "homepage": "https://alexzimakov.github.io/draft-components",
   "peerDependencies": {
-    "react": "^17",
-    "react-dom": "^17"
+    "react": ">= 18",
+    "react-dom": ">= 18"
   },
   "devDependencies": {
-    "@babel/core": "7.17.9",
-    "@babel/plugin-proposal-class-properties": "7.16.7",
-    "@babel/preset-env": "7.16.11",
-    "@babel/preset-react": "7.16.7",
-    "@babel/preset-typescript": "7.16.7",
-    "@testing-library/dom": "8.13.0",
-    "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "12.1.5",
-    "@testing-library/user-event": "13.5.0",
-    "@types/jest": "27.4.1",
-    "@types/node": "16.11.27",
-    "@types/react": "17.0.44",
-    "@types/react-dom": "17.0.15",
-    "@types/resize-observer-browser": "0.1.7",
-    "@typescript-eslint/eslint-plugin": "5.19.0",
-    "@typescript-eslint/parser": "5.19.0",
-    "autoprefixer": "10.4.4",
-    "babel-eslint": "10.1.0",
-    "babel-loader": "8.2.4",
-    "bootstrap-icons": "1.8.1",
-    "css-loader": "5.2.6",
-    "cssnano": "5.1.7",
-    "eslint": "8.13.0",
-    "eslint-plugin-jsx-a11y": "6.5.1",
-    "eslint-plugin-react": "7.29.4",
-    "eslint-plugin-react-hooks": "4.4.0",
-    "eslint-plugin-testing-library": "5.3.1",
-    "fs-extra": "10.1.0",
+    "@babel/core": "7.20.12",
+    "@babel/preset-env": "7.20.2",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
+    "@heroicons/react": "2.0.13",
+    "@storybook/addon-actions": "6.5.15",
+    "@storybook/addon-essentials": "6.5.15",
+    "@storybook/addon-links": "6.5.15",
+    "@storybook/builder-vite": "0.2.6",
+    "@storybook/react": "6.5.15",
+    "@testing-library/dom": "8.19.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "13.4.0",
+    "@testing-library/user-event": "14.4.3",
+    "@types/jest": "29.2.5",
+    "@types/node": "18.11.18",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10",
+    "@typescript-eslint/eslint-plugin": "5.48.0",
+    "@typescript-eslint/parser": "5.48.0",
+    "autoprefixer": "10.4.13",
+    "cssnano": "5.1.14",
+    "eslint": "8.31.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-react": "7.31.11",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-storybook": "0.6.8",
+    "eslint-plugin-testing-library": "5.9.1",
     "gulp": "4.0.2",
     "gulp-postcss": "9.0.1",
-    "gulp-sass": "5.1.0",
+    "gulp-rename": "2.0.0",
     "husky": "4.3.8",
-    "jest": "27.5.1",
-    "lint-staged": "12.3.8",
-    "postcss-loader": "4.3.0",
-    "prettier": "2.6.2",
-    "react": "17.0.0",
-    "react-dom": "17.0.0",
-    "react-styleguidist": "11.2.0",
-    "sass": "1.50.0",
-    "sass-loader": "10.1.1",
-    "style-loader": "2.0.0",
-    "typescript": "4.6.3",
-    "webpack": "4.46.0",
-    "xml2js": "0.4.23"
+    "jest": "29.3.1",
+    "jest-environment-jsdom": "29.3.1",
+    "lint-staged": "13.1.0",
+    "postcss-import": "15.1.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "storybook": "6.5.15",
+    "stylelint": "14.16.1",
+    "stylelint-config-standard": "29.0.0",
+    "stylelint-order": "5.0.0",
+    "typescript": "4.9.4",
+    "vite": "4.0.4"
   },
   "husky": {
     "hooks": {
@@ -95,11 +98,6 @@
     }
   },
   "lint-staged": {
-    "src/**/*.ts?(x)": "eslint --fix"
-  },
-  "browserslist": [
-    "> 0.2%",
-    "not dead",
-    "not op_mini all"
-  ]
+    "src/**/*.ts?(x)": "npm run lint"
+  }
 }

package/bootstrap-icons/123.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file auto-generated with the `scripts/bootstrap-icons.js` script.
- */
-import { Icon } from '../components/svg-icon';
-export declare const icon123: Icon;

package/bootstrap-icons/123.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.icon123 = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// https://github.com/twbs/icons/blob/main/icons/123.svg
-exports.icon123 = {
-    name: '123',
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    children: ((0, jsx_runtime_1.jsx)("path", { d: "M2.873 11.297V4.142H1.699L0 5.379v1.137l1.64-1.18h.06v5.961h1.174Zm3.213-5.09v-.063c0-.618.44-1.169 1.196-1.169.676 0 1.174.44 1.174 1.106 0 .624-.42 1.101-.807 1.526L4.99 10.553v.744h4.78v-.99H6.643v-.069L8.41 8.252c.65-.724 1.237-1.332 1.237-2.27C9.646 4.849 8.723 4 7.308 4c-1.573 0-2.36 1.064-2.36 2.15v.057h1.138Zm6.559 1.883h.786c.823 0 1.374.481 1.379 1.179.01.707-.55 1.216-1.421 1.21-.77-.005-1.326-.419-1.379-.953h-1.095c.042 1.053.938 1.918 2.464 1.918 1.478 0 2.642-.839 2.62-2.144-.02-1.143-.922-1.651-1.551-1.714v-.063c.535-.09 1.347-.66 1.326-1.678-.026-1.053-.933-1.855-2.359-1.845-1.5.005-2.317.88-2.348 1.898h1.116c.032-.498.498-.944 1.206-.944.703 0 1.206.435 1.206 1.07.005.64-.504 1.106-1.2 1.106h-.75v.96Z" })),
-};

package/bootstrap-icons/activity.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file auto-generated with the `scripts/bootstrap-icons.js` script.
- */
-import { Icon } from '../components/svg-icon';
-export declare const activity: Icon;

package/bootstrap-icons/activity.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.activity = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// https://github.com/twbs/icons/blob/main/icons/activity.svg
-exports.activity = {
-    name: 'activity',
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    children: ((0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z" })),
-};

package/bootstrap-icons/alarm-fill.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file auto-generated with the `scripts/bootstrap-icons.js` script.
- */
-import { Icon } from '../components/svg-icon';
-export declare const alarmFill: Icon;

package/bootstrap-icons/alarm-fill.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alarmFill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// https://github.com/twbs/icons/blob/main/icons/alarm-fill.svg
-exports.alarmFill = {
-    name: 'alarm-fill',
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    children: ((0, jsx_runtime_1.jsx)("path", { d: "M6 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H9v1.07a7.001 7.001 0 0 1 3.274 12.474l.601.602a.5.5 0 0 1-.707.708l-.746-.746A6.97 6.97 0 0 1 8 16a6.97 6.97 0 0 1-3.422-.892l-.746.746a.5.5 0 0 1-.707-.708l.602-.602A7.001 7.001 0 0 1 7 2.07V1h-.5A.5.5 0 0 1 6 .5zm2.5 5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5zM.86 5.387A2.5 2.5 0 1 1 4.387 1.86 8.035 8.035 0 0 0 .86 5.387zM11.613 1.86a2.5 2.5 0 1 1 3.527 3.527 8.035 8.035 0 0 0-3.527-3.527z" })),
-};

package/bootstrap-icons/alarm.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file auto-generated with the `scripts/bootstrap-icons.js` script.
- */
-import { Icon } from '../components/svg-icon';
-export declare const alarm: Icon;

package/bootstrap-icons/alarm.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alarm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// https://github.com/twbs/icons/blob/main/icons/alarm.svg
-exports.alarm = {
-    name: 'alarm',
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z" })] })),
-};

package/bootstrap-icons/align-bottom.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file auto-generated with the `scripts/bootstrap-icons.js` script.
- */
-import { Icon } from '../components/svg-icon';
-export declare const alignBottom: Icon;

package/bootstrap-icons/align-bottom.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alignBottom = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// https://github.com/twbs/icons/blob/main/icons/align-bottom.svg
-exports.alignBottom = {
-    name: 'align-bottom',
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    children: (0, jsx_runtime_1.jsx)("rect", { width: "4", height: "12", x: "6", y: "1", rx: "1" }),
-};

package/bootstrap-icons/align-center.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file auto-generated with the `scripts/bootstrap-icons.js` script.
- */
-import { Icon } from '../components/svg-icon';
-export declare const alignCenter: Icon;

package/bootstrap-icons/align-center.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alignCenter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// https://github.com/twbs/icons/blob/main/icons/align-center.svg
-exports.alignCenter = {
-    name: 'align-center',
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    children: ((0, jsx_runtime_1.jsx)("path", { d: "M8 1a.5.5 0 0 1 .5.5V6h-1V1.5A.5.5 0 0 1 8 1zm0 14a.5.5 0 0 1-.5-.5V10h1v4.5a.5.5 0 0 1-.5.5zM2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7z" })),
-};

package/bootstrap-icons/align-end.d.ts

@@ -1,5 +0,0 @@
-/**
- * This file auto-generated with the `scripts/bootstrap-icons.js` script.
- */
-import { Icon } from '../components/svg-icon';
-export declare const alignEnd: Icon;

package/bootstrap-icons/align-end.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alignEnd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// https://github.com/twbs/icons/blob/main/icons/align-end.svg
-exports.alignEnd = {
-    name: 'align-end',
-    width: 16,
-    height: 16,
-    viewBox: '0 0 16 16',
-    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z" }), (0, jsx_runtime_1.jsx)("path", { d: "M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7z" })] })),
-};