@shipfox/react-ui 0.5.0 → 0.7.0

package/.storybook/main.ts

@@ -1,17 +1,24 @@
-import {resolve} from 'node:path';
 import type {StorybookConfig} from '@storybook/react-vite';
-import tailwindcss from '@tailwindcss/vite';
-import react from '@vitejs/plugin-react';
 
 const config: StorybookConfig = {
   framework: '@storybook/react-vite',
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
   addons: ['storybook-addon-pseudo-states', '@storybook/addon-vitest'],
-  viteFinal: (config) => {
-    config.plugins = config.plugins ?? [];
+  viteFinal: async (config) => {
+    const [{default: react}, {default: tailwindcss}, {fileURLToPath}, {dirname, resolve}] =
+      await Promise.all([
+        import('@vitejs/plugin-react'),
+        import('@tailwindcss/vite'),
+        import('node:url'),
+        import('node:path'),
+      ]);
 
+    config.plugins = config.plugins ?? [];
     config.plugins.push(react(), tailwindcss());
 
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = dirname(__filename);
+
     config.resolve = config.resolve ?? {};
     config.resolve.alias = {
       ...config.resolve.alias,

package/.storybook/preview.tsx

@@ -9,6 +9,17 @@ const withTheme: Decorator = (Story, context) => {
 const preview: Preview = {
   decorators: [withTheme],
   parameters: {
+    viewport: {
+      viewports: {
+        large: {
+          name: 'Large Viewport',
+          styles: {
+            width: '1280px',
+            height: '2000px',
+          },
+        },
+      },
+    },
     options: {
       storySort: {
         method: 'alphabetical',

package/.turbo/turbo-build.log

@@ -1,6 +1,19 @@
  WARN  Issue while reading "/runnertmp/_work/tooling/tooling/.npmrc". Failed to replace env in config: ${NPM_ACCESS_TOKEN}
 
-> @shipfox/react-ui@0.5.0 build /runnertmp/_work/tooling/tooling/libs/react/ui
-> swc
+> @shipfox/react-ui@0.7.0 build /runnertmp/_work/tooling/tooling/libs/react/ui
+> swc && pnpm run build:css
 
-Successfully compiled: 108 files with swc (681.63ms)
+Successfully compiled: 116 files with swc (406.75ms)
+ WARN  Issue while reading "/runnertmp/_work/tooling/tooling/.npmrc". Failed to replace env in config: ${NPM_ACCESS_TOKEN}
+
+> @shipfox/react-ui@0.7.0 build:css /runnertmp/_work/tooling/tooling/libs/react/ui
+> vite build --config vite.css.config.ts && rm -f dist/css-entry.js dist/css-entry.js.map
+
+vite v7.2.2 building client environment for production...
+transforming...
+✓ 2 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/styles.css    84.62 kB │ gzip: 13.44 kB
+dist/css-entry.js   0.00 kB │ gzip:  0.02 kB
+✓ built in 745ms

package/.turbo/turbo-check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/runnertmp/_work/tooling/tooling/.npmrc". Failed to replace env in config: ${NPM_ACCESS_TOKEN}
 
-> @shipfox/react-ui@0.5.0 check /runnertmp/_work/tooling/tooling/libs/react/ui
+> @shipfox/react-ui@0.7.0 check /runnertmp/_work/tooling/tooling/libs/react/ui
 > biome-check --fix
 
-Checked 126 files in 232ms. No fixes applied.
+Checked 135 files in 240ms. No fixes applied.

package/.turbo/turbo-type.log

@@ -1,5 +1,5 @@
  WARN  Issue while reading "/runnertmp/_work/tooling/tooling/.npmrc". Failed to replace env in config: ${NPM_ACCESS_TOKEN}
 
-> @shipfox/react-ui@0.5.0 type /runnertmp/_work/tooling/tooling/libs/react/ui
+> @shipfox/react-ui@0.7.0 type /runnertmp/_work/tooling/tooling/libs/react/ui
 > tsc-emit
 

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @shipfox/react-ui
 
+## 0.7.0
+
+### Minor Changes
+
+- 6054e39: Add Dot-grid component
+
+## 0.6.0
+
+### Minor Changes
+
+- 3a95f26: Add Argos CI Upload Screenshots
+- 35f3c64: Add CSS bundle
+- 3a95f26: Add Modal components
+
 ## 0.5.0
 
 ### Minor Changes

package/README.md

@@ -14,6 +14,22 @@ yarn add @shipfox/react-ui
 npm install @shipfox/react-ui
 ```
 
+### CSS Styles
+
+This package includes a pre-built, minified CSS bundle with all Tailwind CSS styles and design tokens. Import it in your application:
+
+```typescript
+import "@shipfox/react-ui/dist/styles.css"
+```
+
+Or in your HTML:
+
+```html
+<link rel="stylesheet" href="node_modules/@shipfox/react-ui/dist/styles.css" />
+```
+
+The CSS bundle is self-contained and includes all design tokens, so you don't need to configure Tailwind CSS in your consuming project.
+
 ## Storybook
 
 The storybook is [publicly accessible online](https://react-ui.shipfox.vercel.app).

package/dist/build-css-entry.js

@@ -0,0 +1,5 @@
+// This file is only used for building CSS
+// It imports the CSS file which Vite will process and bundle
+import '../index.css';
+
+//# sourceMappingURL=build-css-entry.js.map

package/dist/build-css-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/build-css-entry.ts"],"sourcesContent":["// This file is only used for building CSS\n// It imports the CSS file which Vite will process and bundle\nimport '../index.css';\n"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,6DAA6D;AAC7D,OAAO,eAAe"}

package/dist/components/code-block/code-block-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-footer.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block-footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAe,EACf,KAAiB,EACjB,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAoDtB;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAY1B;AAED,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAY7B;AAED,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAe7B;AAED,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,+BAA+B,2CAejC"}
+{"version":3,"file":"code-block-footer.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block-footer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAe,EACf,KAAiB,EACjB,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA0CtB;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAY1B;AAED,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAY7B;AAED,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAuB7B;AAED,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,+BAA+B,2CAuBjC"}

package/dist/components/code-block/code-block-footer.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { Icon } from '../../components/icon/icon.js';
+import { Text } from '../../components/typography/index.js';
 import { cn } from '../../utils/cn.js';
 export function CodeBlockFooter({ className, asChild = false, state = 'running', message, description, icon, children, ...props }) {
     const Comp = asChild ? Slot : 'div';
@@ -26,19 +27,16 @@ export function CodeBlockFooter({ className, asChild = false, state = 'running',
         className: cn('flex w-full items-center justify-start gap-12 px-16 py-12', className),
         ...props,
         children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "flex shrink-0 items-center justify-center size-20 text-tag-success-icon",
+            /*#__PURE__*/ _jsx(CodeBlockFooterIcon, {
+                className: "text-tag-success-icon",
                 children: defaultIcon
             }),
-            (message || description) && /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-col items-start justify-center gap-0",
+            (message || description) && /*#__PURE__*/ _jsxs(CodeBlockFooterContent, {
                 children: [
-                    message && /*#__PURE__*/ _jsx("div", {
-                        className: "overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base",
+                    message && /*#__PURE__*/ _jsx(CodeBlockFooterMessage, {
                         children: message
                     }),
-                    description && /*#__PURE__*/ _jsx("div", {
-                        className: "overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle",
+                    description && /*#__PURE__*/ _jsx(CodeBlockFooterDescription, {
                         children: description
                     })
                 ]
@@ -59,25 +57,41 @@ export function CodeBlockFooterContent({ className, asChild = false, children, .
     const Comp = asChild ? Slot : 'div';
     return /*#__PURE__*/ _jsx(Comp, {
         "data-slot": "code-block-footer-content",
-        className: cn('flex flex-col items-start justify-center gap-0', className),
+        className: cn('flex flex-col items-start justify-center gap-0 min-w-0 flex-1', className),
         ...props,
         children: children
     });
 }
 export function CodeBlockFooterMessage({ className, asChild = false, children, ...props }) {
-    const Comp = asChild ? Slot : 'div';
-    return /*#__PURE__*/ _jsx(Comp, {
+    if (asChild) {
+        return /*#__PURE__*/ _jsx(Slot, {
+            "data-slot": "code-block-footer-message",
+            className: cn('overflow-hidden text-ellipsis whitespace-nowrap text-xs', className),
+            ...props,
+            children: children
+        });
+    }
+    return /*#__PURE__*/ _jsx(Text, {
         "data-slot": "code-block-footer-message",
-        className: cn('overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base', className),
+        size: "xs",
+        className: cn('overflow-hidden text-ellipsis whitespace-nowrap', className),
         ...props,
         children: children
     });
 }
 export function CodeBlockFooterDescription({ className, asChild = false, children, ...props }) {
-    const Comp = asChild ? Slot : 'div';
-    return /*#__PURE__*/ _jsx(Comp, {
+    if (asChild) {
+        return /*#__PURE__*/ _jsx(Slot, {
+            "data-slot": "code-block-footer-description",
+            className: cn('text-xs text-foreground-neutral-subtle', className),
+            ...props,
+            children: children
+        });
+    }
+    return /*#__PURE__*/ _jsx(Text, {
         "data-slot": "code-block-footer-description",
-        className: cn('overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle', className),
+        size: "xs",
+        className: cn('text-foreground-neutral-subtle', className),
         ...props,
         children: children
     });

package/dist/components/code-block/code-block-footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/code-block/code-block-footer.tsx"],"sourcesContent":["import {Slot} from '@radix-ui/react-slot';\nimport {Icon} from 'components/icon/icon';\nimport type {ComponentProps, HTMLAttributes, ReactNode} from 'react';\nimport {cn} from 'utils/cn';\n\nexport type CodeBlockFooterProps = HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean;\n  state?: 'running' | 'done';\n  message?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n};\n\nexport function CodeBlockFooter({\n  className,\n  asChild = false,\n  state = 'running',\n  message,\n  description,\n  icon,\n  children,\n  ...props\n}: CodeBlockFooterProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  const defaultIcon =\n    icon ??\n    (state === 'running' ? (\n      <Icon name=\"shipfox\" className=\"size-20\" aria-hidden=\"true\" />\n    ) : (\n      <Icon\n        name=\"checkCircleSolid\"\n        className=\"size-20 text-foreground-neutral-base\"\n        aria-hidden=\"true\"\n      />\n    ));\n\n  if (asChild || children) {\n    return (\n      <Comp\n        data-slot=\"code-block-footer\"\n        className={cn('flex w-full items-center justify-start gap-12 px-16 py-12', className)}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  }\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer\"\n      className={cn('flex w-full items-center justify-start gap-12 px-16 py-12', className)}\n      {...props}\n    >\n      <div className=\"flex shrink-0 items-center justify-center size-20 text-tag-success-icon\">\n        {defaultIcon}\n      </div>\n      {(message || description) && (\n        <div className=\"flex flex-col items-start justify-center gap-0\">\n          {message && (\n            <div className=\"overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base\">\n              {message}\n            </div>\n          )}\n          {description && (\n            <div className=\"overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle\">\n              {description}\n            </div>\n          )}\n        </div>\n      )}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterIconProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterIcon({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterIconProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-icon\"\n      className={cn('flex shrink-0 items-center justify-center size-20', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterContentProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterContent({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterContentProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-content\"\n      className={cn('flex flex-col items-start justify-center gap-0', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterMessageProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterMessage({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterMessageProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-message\"\n      className={cn(\n        'overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterDescriptionProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterDescription({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterDescriptionProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-description\"\n      className={cn(\n        'overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n"],"names":["Slot","Icon","cn","CodeBlockFooter","className","asChild","state","message","description","icon","children","props","Comp","defaultIcon","name","aria-hidden","data-slot","div","CodeBlockFooterIcon","CodeBlockFooterContent","CodeBlockFooterMessage","CodeBlockFooterDescription"],"mappings":";AAAA,SAAQA,IAAI,QAAO,uBAAuB;AAC1C,SAAQC,IAAI,QAAO,uBAAuB;AAE1C,SAAQC,EAAE,QAAO,WAAW;AAU5B,OAAO,SAASC,gBAAgB,EAC9BC,SAAS,EACTC,UAAU,KAAK,EACfC,QAAQ,SAAS,EACjBC,OAAO,EACPC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACR,GAAGC,OACkB;IACrB,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,MAAMa,cACJJ,QACCH,CAAAA,UAAU,0BACT,KAACL;QAAKa,MAAK;QAAUV,WAAU;QAAUW,eAAY;uBAErD,KAACd;QACCa,MAAK;QACLV,WAAU;QACVW,eAAY;MAEhB;IAEF,IAAIV,WAAWK,UAAU;QACvB,qBACE,KAACE;YACCI,aAAU;YACVZ,WAAWF,GAAG,6DAA6DE;YAC1E,GAAGO,KAAK;sBAERD;;IAGP;IAEA,qBACE,MAACE;QACCI,aAAU;QACVZ,WAAWF,GAAG,6DAA6DE;QAC1E,GAAGO,KAAK;;0BAET,KAACM;gBAAIb,WAAU;0BACZS;;YAEDN,CAAAA,WAAWC,WAAU,mBACrB,MAACS;gBAAIb,WAAU;;oBACZG,yBACC,KAACU;wBAAIb,WAAU;kCACZG;;oBAGJC,6BACC,KAACS;wBAAIb,WAAU;kCACZI;;;;;;AAOf;AAMA,OAAO,SAASU,oBAAoB,EAClCd,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACsB;IACzB,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GAAG,qDAAqDE;QAClE,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASS,uBAAuB,EACrCf,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACyB;IAC5B,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GAAG,kDAAkDE;QAC/D,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASU,uBAAuB,EACrChB,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACyB;IAC5B,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GACT,mGACAE;QAED,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASW,2BAA2B,EACzCjB,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OAC6B;IAChC,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GACT,qGACAE;QAED,GAAGO,KAAK;kBAERD;;AAGP"}
+{"version":3,"sources":["../../../src/components/code-block/code-block-footer.tsx"],"sourcesContent":["import {Slot} from '@radix-ui/react-slot';\nimport {Icon} from 'components/icon/icon';\nimport {Text} from 'components/typography';\nimport type {ComponentProps, HTMLAttributes, ReactNode} from 'react';\nimport {cn} from 'utils/cn';\n\nexport type CodeBlockFooterProps = HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean;\n  state?: 'running' | 'done';\n  message?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n};\n\nexport function CodeBlockFooter({\n  className,\n  asChild = false,\n  state = 'running',\n  message,\n  description,\n  icon,\n  children,\n  ...props\n}: CodeBlockFooterProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  const defaultIcon =\n    icon ??\n    (state === 'running' ? (\n      <Icon name=\"shipfox\" className=\"size-20\" aria-hidden=\"true\" />\n    ) : (\n      <Icon\n        name=\"checkCircleSolid\"\n        className=\"size-20 text-foreground-neutral-base\"\n        aria-hidden=\"true\"\n      />\n    ));\n\n  if (asChild || children) {\n    return (\n      <Comp\n        data-slot=\"code-block-footer\"\n        className={cn('flex w-full items-center justify-start gap-12 px-16 py-12', className)}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  }\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer\"\n      className={cn('flex w-full items-center justify-start gap-12 px-16 py-12', className)}\n      {...props}\n    >\n      <CodeBlockFooterIcon className=\"text-tag-success-icon\">{defaultIcon}</CodeBlockFooterIcon>\n      {(message || description) && (\n        <CodeBlockFooterContent>\n          {message && <CodeBlockFooterMessage>{message}</CodeBlockFooterMessage>}\n          {description && <CodeBlockFooterDescription>{description}</CodeBlockFooterDescription>}\n        </CodeBlockFooterContent>\n      )}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterIconProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterIcon({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterIconProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-icon\"\n      className={cn('flex shrink-0 items-center justify-center size-20', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterContentProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterContent({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterContentProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-content\"\n      className={cn('flex flex-col items-start justify-center gap-0 min-w-0 flex-1', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterMessageProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterMessage({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterMessageProps) {\n  if (asChild) {\n    return (\n      <Slot\n        data-slot=\"code-block-footer-message\"\n        className={cn('overflow-hidden text-ellipsis whitespace-nowrap text-xs', className)}\n        {...props}\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <Text\n      data-slot=\"code-block-footer-message\"\n      size=\"xs\"\n      className={cn('overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport type CodeBlockFooterDescriptionProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterDescription({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterDescriptionProps) {\n  if (asChild) {\n    return (\n      <Slot\n        data-slot=\"code-block-footer-description\"\n        className={cn('text-xs text-foreground-neutral-subtle', className)}\n        {...props}\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <Text\n      data-slot=\"code-block-footer-description\"\n      size=\"xs\"\n      className={cn('text-foreground-neutral-subtle', className)}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n}\n"],"names":["Slot","Icon","Text","cn","CodeBlockFooter","className","asChild","state","message","description","icon","children","props","Comp","defaultIcon","name","aria-hidden","data-slot","CodeBlockFooterIcon","CodeBlockFooterContent","CodeBlockFooterMessage","CodeBlockFooterDescription","size"],"mappings":";AAAA,SAAQA,IAAI,QAAO,uBAAuB;AAC1C,SAAQC,IAAI,QAAO,uBAAuB;AAC1C,SAAQC,IAAI,QAAO,wBAAwB;AAE3C,SAAQC,EAAE,QAAO,WAAW;AAU5B,OAAO,SAASC,gBAAgB,EAC9BC,SAAS,EACTC,UAAU,KAAK,EACfC,QAAQ,SAAS,EACjBC,OAAO,EACPC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACR,GAAGC,OACkB;IACrB,MAAMC,OAAOP,UAAUN,OAAO;IAE9B,MAAMc,cACJJ,QACCH,CAAAA,UAAU,0BACT,KAACN;QAAKc,MAAK;QAAUV,WAAU;QAAUW,eAAY;uBAErD,KAACf;QACCc,MAAK;QACLV,WAAU;QACVW,eAAY;MAEhB;IAEF,IAAIV,WAAWK,UAAU;QACvB,qBACE,KAACE;YACCI,aAAU;YACVZ,WAAWF,GAAG,6DAA6DE;YAC1E,GAAGO,KAAK;sBAERD;;IAGP;IAEA,qBACE,MAACE;QACCI,aAAU;QACVZ,WAAWF,GAAG,6DAA6DE;QAC1E,GAAGO,KAAK;;0BAET,KAACM;gBAAoBb,WAAU;0BAAyBS;;YACtDN,CAAAA,WAAWC,WAAU,mBACrB,MAACU;;oBACEX,yBAAW,KAACY;kCAAwBZ;;oBACpCC,6BAAe,KAACY;kCAA4BZ;;;;;;AAKvD;AAMA,OAAO,SAASS,oBAAoB,EAClCb,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACsB;IACzB,MAAMC,OAAOP,UAAUN,OAAO;IAE9B,qBACE,KAACa;QACCI,aAAU;QACVZ,WAAWF,GAAG,qDAAqDE;QAClE,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASQ,uBAAuB,EACrCd,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACyB;IAC5B,MAAMC,OAAOP,UAAUN,OAAO;IAE9B,qBACE,KAACa;QACCI,aAAU;QACVZ,WAAWF,GAAG,iEAAiEE;QAC9E,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASS,uBAAuB,EACrCf,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACyB;IAC5B,IAAIN,SAAS;QACX,qBACE,KAACN;YACCiB,aAAU;YACVZ,WAAWF,GAAG,2DAA2DE;YACxE,GAAGO,KAAK;sBAERD;;IAGP;IAEA,qBACE,KAACT;QACCe,aAAU;QACVK,MAAK;QACLjB,WAAWF,GAAG,mDAAmDE;QAChE,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASU,2BAA2B,EACzChB,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OAC6B;IAChC,IAAIN,SAAS;QACX,qBACE,KAACN;YACCiB,aAAU;YACVZ,WAAWF,GAAG,0CAA0CE;YACvD,GAAGO,KAAK;sBAERD;;IAGP;IAEA,qBACE,KAACT;QACCe,aAAU;QACVK,MAAK;QACLjB,WAAWF,GAAG,kCAAkCE;QAC/C,GAAGO,KAAK;kBAERD;;AAGP"}

package/dist/components/dot-grid/dot-grid.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+export interface DotGridProps {
+    dotSize?: number;
+    gap?: number;
+    baseColor?: string;
+    activeColor?: string;
+    proximity?: number;
+    speedTrigger?: number;
+    shockRadius?: number;
+    shockStrength?: number;
+    maxSpeed?: number;
+    resistance?: number;
+    returnDuration?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function DotGrid({ dotSize, gap, baseColor, activeColor, proximity, speedTrigger, shockRadius, shockStrength, maxSpeed, resistance, returnDuration, className, style, }: DotGridProps): React.JSX.Element;
+//# sourceMappingURL=dot-grid.d.ts.map

package/dist/components/dot-grid/dot-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot-grid.d.ts","sourceRoot":"","sources":["../../../src/components/dot-grid/dot-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAkBD,wBAAgB,OAAO,CAAC,EACtB,OAAY,EACZ,GAAQ,EACR,SAAqB,EACrB,WAAuB,EACvB,SAAe,EACf,YAAkB,EAClB,WAAiB,EACjB,aAAiB,EACjB,QAAe,EACf,UAAgB,EAChB,cAAoB,EACpB,SAAc,EACd,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyPlC"}

package/dist/components/dot-grid/dot-grid.js

@@ -0,0 +1,295 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { gsap } from 'gsap';
+import { InertiaPlugin } from 'gsap/InertiaPlugin';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { cn } from '../../utils/index.js';
+gsap.registerPlugin(InertiaPlugin);
+const HEX_COLOR_REGEX = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
+const throttle = (func, limit)=>{
+    let lastCall = 0;
+    return (...args)=>{
+        const now = performance.now();
+        if (now - lastCall >= limit) {
+            lastCall = now;
+            func(...args);
+        }
+    };
+};
+function hexToRgb(hex) {
+    const m = hex.match(HEX_COLOR_REGEX);
+    if (!m) return {
+        r: 0,
+        g: 0,
+        b: 0
+    };
+    return {
+        r: parseInt(m[1], 16),
+        g: parseInt(m[2], 16),
+        b: parseInt(m[3], 16)
+    };
+}
+export function DotGrid({ dotSize = 16, gap = 32, baseColor = '#5227FF', activeColor = '#5227FF', proximity = 150, speedTrigger = 100, shockRadius = 250, shockStrength = 5, maxSpeed = 5000, resistance = 750, returnDuration = 1.5, className = '', style }) {
+    const wrapperRef = useRef(null);
+    const canvasRef = useRef(null);
+    const dotsRef = useRef([]);
+    const pointerRef = useRef({
+        x: 0,
+        y: 0,
+        vx: 0,
+        vy: 0,
+        speed: 0,
+        lastTime: 0,
+        lastX: 0,
+        lastY: 0
+    });
+    const baseRgb = useMemo(()=>hexToRgb(baseColor), [
+        baseColor
+    ]);
+    const activeRgb = useMemo(()=>hexToRgb(activeColor), [
+        activeColor
+    ]);
+    const colorGradient = useMemo(()=>{
+        const gradient = new Array(256);
+        for(let i = 0; i < 256; i++){
+            const normalizedSqDist = i / 255;
+            const normalizedDist = Math.sqrt(normalizedSqDist);
+            const t = 1 - normalizedDist;
+            const r = Math.round(baseRgb.r + (activeRgb.r - baseRgb.r) * t);
+            const g = Math.round(baseRgb.g + (activeRgb.g - baseRgb.g) * t);
+            const b = Math.round(baseRgb.b + (activeRgb.b - baseRgb.b) * t);
+            gradient[i] = `rgb(${r},${g},${b})`;
+        }
+        return gradient;
+    }, [
+        baseRgb,
+        activeRgb
+    ]);
+    const circlePath = useMemo(()=>{
+        if (typeof window === 'undefined' || !window.Path2D) return null;
+        const p = new Path2D();
+        p.arc(0, 0, dotSize / 2, 0, Math.PI * 2);
+        return p;
+    }, [
+        dotSize
+    ]);
+    const buildGrid = useCallback(()=>{
+        const wrap = wrapperRef.current;
+        const canvas = canvasRef.current;
+        if (!wrap || !canvas) return;
+        const { width, height } = wrap.getBoundingClientRect();
+        const dpr = window.devicePixelRatio || 1;
+        canvas.width = width * dpr;
+        canvas.height = height * dpr;
+        canvas.style.width = `${width}px`;
+        canvas.style.height = `${height}px`;
+        const ctx = canvas.getContext('2d');
+        if (ctx) ctx.scale(dpr, dpr);
+        const cols = Math.floor((width + gap) / (dotSize + gap));
+        const rows = Math.floor((height + gap) / (dotSize + gap));
+        const cell = dotSize + gap;
+        const gridW = cell * cols - gap;
+        const gridH = cell * rows - gap;
+        const extraX = width - gridW;
+        const extraY = height - gridH;
+        const startX = extraX / 2 + dotSize / 2;
+        const startY = extraY / 2 + dotSize / 2;
+        const dots = [];
+        for(let y = 0; y < rows; y++){
+            for(let x = 0; x < cols; x++){
+                const cx = startX + x * cell;
+                const cy = startY + y * cell;
+                dots.push({
+                    cx,
+                    cy,
+                    xOffset: 0,
+                    yOffset: 0,
+                    _inertiaApplied: false
+                });
+            }
+        }
+        dotsRef.current = dots;
+    }, [
+        dotSize,
+        gap
+    ]);
+    useEffect(()=>{
+        if (!circlePath) return;
+        let rafId;
+        const proxSq = proximity * proximity;
+        const draw = ()=>{
+            const canvas = canvasRef.current;
+            if (!canvas) return;
+            const ctx = canvas.getContext('2d');
+            if (!ctx) return;
+            ctx.clearRect(0, 0, canvas.width, canvas.height);
+            const { x: px, y: py } = pointerRef.current;
+            for (const dot of dotsRef.current){
+                const ox = dot.cx + dot.xOffset;
+                const oy = dot.cy + dot.yOffset;
+                const dx = dot.cx - px;
+                const dy = dot.cy - py;
+                const dsq = dx * dx + dy * dy;
+                let fillColor = baseColor;
+                if (dsq <= proxSq) {
+                    const normalizedSqDist = dsq / proxSq;
+                    const index = Math.min(255, Math.max(0, Math.round(normalizedSqDist * 255)));
+                    fillColor = colorGradient[index];
+                }
+                ctx.save();
+                ctx.translate(ox, oy);
+                ctx.fillStyle = fillColor;
+                ctx.fill(circlePath);
+                ctx.restore();
+            }
+            rafId = requestAnimationFrame(draw);
+        };
+        draw();
+        return ()=>cancelAnimationFrame(rafId);
+    }, [
+        proximity,
+        baseColor,
+        colorGradient,
+        circlePath
+    ]);
+    useEffect(()=>{
+        buildGrid();
+        let ro = null;
+        if ('ResizeObserver' in window) {
+            ro = new ResizeObserver(buildGrid);
+            wrapperRef.current && ro.observe(wrapperRef.current);
+        } else {
+            window.addEventListener('resize', buildGrid);
+        }
+        return ()=>{
+            if (ro) ro.disconnect();
+            else window.removeEventListener('resize', buildGrid);
+        };
+    }, [
+        buildGrid
+    ]);
+    useEffect(()=>{
+        const onMove = (e)=>{
+            const now = performance.now();
+            const pr = pointerRef.current;
+            const dt = pr.lastTime ? now - pr.lastTime : 16;
+            const dx = e.clientX - pr.lastX;
+            const dy = e.clientY - pr.lastY;
+            let vx = dx / dt * 1000;
+            let vy = dy / dt * 1000;
+            let speed = Math.hypot(vx, vy);
+            if (speed > maxSpeed) {
+                const scale = maxSpeed / speed;
+                vx *= scale;
+                vy *= scale;
+                speed = maxSpeed;
+            }
+            pr.lastTime = now;
+            pr.lastX = e.clientX;
+            pr.lastY = e.clientY;
+            pr.vx = vx;
+            pr.vy = vy;
+            pr.speed = speed;
+            const canvas = canvasRef.current;
+            if (!canvas) return;
+            const rect = canvas.getBoundingClientRect();
+            pr.x = e.clientX - rect.left;
+            pr.y = e.clientY - rect.top;
+            for (const dot of dotsRef.current){
+                const dist = Math.hypot(dot.cx - pr.x, dot.cy - pr.y);
+                if (speed > speedTrigger && dist < proximity && !dot._inertiaApplied) {
+                    dot._inertiaApplied = true;
+                    gsap.killTweensOf(dot);
+                    const pushX = dot.cx - pr.x + vx * 0.005;
+                    const pushY = dot.cy - pr.y + vy * 0.005;
+                    gsap.to(dot, {
+                        inertia: {
+                            xOffset: pushX,
+                            yOffset: pushY,
+                            resistance
+                        },
+                        onComplete: ()=>{
+                            gsap.to(dot, {
+                                xOffset: 0,
+                                yOffset: 0,
+                                duration: returnDuration,
+                                ease: 'elastic.out(1,0.75)'
+                            });
+                            dot._inertiaApplied = false;
+                        }
+                    });
+                }
+            }
+        };
+        const onClick = (e)=>{
+            const canvas = canvasRef.current;
+            if (!canvas) return;
+            const rect = canvas.getBoundingClientRect();
+            const cx = e.clientX - rect.left;
+            const cy = e.clientY - rect.top;
+            for (const dot of dotsRef.current){
+                const dist = Math.hypot(dot.cx - cx, dot.cy - cy);
+                if (dist < shockRadius && !dot._inertiaApplied) {
+                    dot._inertiaApplied = true;
+                    gsap.killTweensOf(dot);
+                    const falloff = Math.max(0, 1 - dist / shockRadius);
+                    const pushX = (dot.cx - cx) * shockStrength * falloff;
+                    const pushY = (dot.cy - cy) * shockStrength * falloff;
+                    gsap.to(dot, {
+                        inertia: {
+                            xOffset: pushX,
+                            yOffset: pushY,
+                            resistance
+                        },
+                        onComplete: ()=>{
+                            gsap.to(dot, {
+                                xOffset: 0,
+                                yOffset: 0,
+                                duration: returnDuration,
+                                ease: 'elastic.out(1,0.75)'
+                            });
+                            dot._inertiaApplied = false;
+                        }
+                    });
+                }
+            }
+        };
+        const throttledMove = throttle(onMove, 50);
+        const wrapper = wrapperRef.current;
+        if (wrapper) {
+            wrapper.addEventListener('mousemove', throttledMove, {
+                passive: true
+            });
+            wrapper.addEventListener('click', onClick);
+        }
+        return ()=>{
+            if (wrapper) {
+                wrapper.removeEventListener('mousemove', throttledMove);
+                wrapper.removeEventListener('click', onClick);
+            }
+        };
+    }, [
+        maxSpeed,
+        speedTrigger,
+        proximity,
+        resistance,
+        returnDuration,
+        shockRadius,
+        shockStrength
+    ]);
+    return /*#__PURE__*/ _jsx("section", {
+        className: cn('p-4 flex items-center justify-center h-full w-full relative', className),
+        style: style,
+        role: "presentation",
+        children: /*#__PURE__*/ _jsx("div", {
+            ref: wrapperRef,
+            className: "w-full h-full relative",
+            children: /*#__PURE__*/ _jsx("canvas", {
+                ref: canvasRef,
+                className: "absolute inset-0 w-full h-full pointer-events-none",
+                "aria-hidden": "true"
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=dot-grid.js.map

package/dist/components/dot-grid/dot-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dot-grid/dot-grid.tsx"],"sourcesContent":["import {gsap} from 'gsap';\nimport {InertiaPlugin} from 'gsap/InertiaPlugin';\nimport type React from 'react';\nimport {useCallback, useEffect, useMemo, useRef} from 'react';\nimport {cn} from 'utils';\n\ngsap.registerPlugin(InertiaPlugin);\n\nconst HEX_COLOR_REGEX = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i;\n\nconst throttle = <T extends (...args: never[]) => void>(func: T, limit: number): T => {\n  let lastCall = 0;\n  return ((...args: Parameters<T>) => {\n    const now = performance.now();\n    if (now - lastCall >= limit) {\n      lastCall = now;\n      func(...args);\n    }\n  }) as T;\n};\n\ninterface Dot {\n  cx: number;\n  cy: number;\n  xOffset: number;\n  yOffset: number;\n  _inertiaApplied: boolean;\n}\n\nexport interface DotGridProps {\n  dotSize?: number;\n  gap?: number;\n  baseColor?: string;\n  activeColor?: string;\n  proximity?: number;\n  speedTrigger?: number;\n  shockRadius?: number;\n  shockStrength?: number;\n  maxSpeed?: number;\n  resistance?: number;\n  returnDuration?: number;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\ntype RgbColor = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nfunction hexToRgb(hex: string): RgbColor {\n  const m = hex.match(HEX_COLOR_REGEX);\n  if (!m) return {r: 0, g: 0, b: 0};\n  return {\n    r: parseInt(m[1], 16),\n    g: parseInt(m[2], 16),\n    b: parseInt(m[3], 16),\n  };\n}\n\nexport function DotGrid({\n  dotSize = 16,\n  gap = 32,\n  baseColor = '#5227FF',\n  activeColor = '#5227FF',\n  proximity = 150,\n  speedTrigger = 100,\n  shockRadius = 250,\n  shockStrength = 5,\n  maxSpeed = 5000,\n  resistance = 750,\n  returnDuration = 1.5,\n  className = '',\n  style,\n}: DotGridProps): React.JSX.Element {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const dotsRef = useRef<Dot[]>([]);\n  const pointerRef = useRef({\n    x: 0,\n    y: 0,\n    vx: 0,\n    vy: 0,\n    speed: 0,\n    lastTime: 0,\n    lastX: 0,\n    lastY: 0,\n  });\n\n  const baseRgb = useMemo(() => hexToRgb(baseColor), [baseColor]);\n  const activeRgb = useMemo(() => hexToRgb(activeColor), [activeColor]);\n\n  const colorGradient = useMemo(() => {\n    const gradient: string[] = new Array(256);\n    for (let i = 0; i < 256; i++) {\n      const normalizedSqDist = i / 255;\n      const normalizedDist = Math.sqrt(normalizedSqDist);\n      const t = 1 - normalizedDist;\n      const r = Math.round(baseRgb.r + (activeRgb.r - baseRgb.r) * t);\n      const g = Math.round(baseRgb.g + (activeRgb.g - baseRgb.g) * t);\n      const b = Math.round(baseRgb.b + (activeRgb.b - baseRgb.b) * t);\n      gradient[i] = `rgb(${r},${g},${b})`;\n    }\n    return gradient;\n  }, [baseRgb, activeRgb]);\n\n  const circlePath = useMemo(() => {\n    if (typeof window === 'undefined' || !window.Path2D) return null;\n\n    const p = new Path2D();\n    p.arc(0, 0, dotSize / 2, 0, Math.PI * 2);\n    return p;\n  }, [dotSize]);\n\n  const buildGrid = useCallback(() => {\n    const wrap = wrapperRef.current;\n    const canvas = canvasRef.current;\n    if (!wrap || !canvas) return;\n\n    const {width, height} = wrap.getBoundingClientRect();\n    const dpr = window.devicePixelRatio || 1;\n\n    canvas.width = width * dpr;\n    canvas.height = height * dpr;\n    canvas.style.width = `${width}px`;\n    canvas.style.height = `${height}px`;\n    const ctx = canvas.getContext('2d');\n    if (ctx) ctx.scale(dpr, dpr);\n\n    const cols = Math.floor((width + gap) / (dotSize + gap));\n    const rows = Math.floor((height + gap) / (dotSize + gap));\n    const cell = dotSize + gap;\n\n    const gridW = cell * cols - gap;\n    const gridH = cell * rows - gap;\n\n    const extraX = width - gridW;\n    const extraY = height - gridH;\n\n    const startX = extraX / 2 + dotSize / 2;\n    const startY = extraY / 2 + dotSize / 2;\n\n    const dots: Dot[] = [];\n    for (let y = 0; y < rows; y++) {\n      for (let x = 0; x < cols; x++) {\n        const cx = startX + x * cell;\n        const cy = startY + y * cell;\n        dots.push({cx, cy, xOffset: 0, yOffset: 0, _inertiaApplied: false});\n      }\n    }\n    dotsRef.current = dots;\n  }, [dotSize, gap]);\n\n  useEffect(() => {\n    if (!circlePath) return;\n\n    let rafId: number;\n    const proxSq = proximity * proximity;\n\n    const draw = () => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n      const {x: px, y: py} = pointerRef.current;\n\n      for (const dot of dotsRef.current) {\n        const ox = dot.cx + dot.xOffset;\n        const oy = dot.cy + dot.yOffset;\n        const dx = dot.cx - px;\n        const dy = dot.cy - py;\n        const dsq = dx * dx + dy * dy;\n\n        let fillColor = baseColor;\n        if (dsq <= proxSq) {\n          const normalizedSqDist = dsq / proxSq;\n          const index = Math.min(255, Math.max(0, Math.round(normalizedSqDist * 255)));\n          fillColor = colorGradient[index];\n        }\n\n        ctx.save();\n        ctx.translate(ox, oy);\n        ctx.fillStyle = fillColor;\n        ctx.fill(circlePath);\n        ctx.restore();\n      }\n\n      rafId = requestAnimationFrame(draw);\n    };\n\n    draw();\n    return () => cancelAnimationFrame(rafId);\n  }, [proximity, baseColor, colorGradient, circlePath]);\n\n  useEffect(() => {\n    buildGrid();\n    let ro: ResizeObserver | null = null;\n    if ('ResizeObserver' in window) {\n      ro = new ResizeObserver(buildGrid);\n      wrapperRef.current && ro.observe(wrapperRef.current);\n    } else {\n      (window as Window).addEventListener('resize', buildGrid);\n    }\n    return () => {\n      if (ro) ro.disconnect();\n      else window.removeEventListener('resize', buildGrid);\n    };\n  }, [buildGrid]);\n\n  useEffect(() => {\n    const onMove = (e: MouseEvent) => {\n      const now = performance.now();\n      const pr = pointerRef.current;\n      const dt = pr.lastTime ? now - pr.lastTime : 16;\n      const dx = e.clientX - pr.lastX;\n      const dy = e.clientY - pr.lastY;\n      let vx = (dx / dt) * 1000;\n      let vy = (dy / dt) * 1000;\n      let speed = Math.hypot(vx, vy);\n      if (speed > maxSpeed) {\n        const scale = maxSpeed / speed;\n        vx *= scale;\n        vy *= scale;\n        speed = maxSpeed;\n      }\n      pr.lastTime = now;\n      pr.lastX = e.clientX;\n      pr.lastY = e.clientY;\n      pr.vx = vx;\n      pr.vy = vy;\n      pr.speed = speed;\n\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n      const rect = canvas.getBoundingClientRect();\n      pr.x = e.clientX - rect.left;\n      pr.y = e.clientY - rect.top;\n\n      for (const dot of dotsRef.current) {\n        const dist = Math.hypot(dot.cx - pr.x, dot.cy - pr.y);\n        if (speed > speedTrigger && dist < proximity && !dot._inertiaApplied) {\n          dot._inertiaApplied = true;\n          gsap.killTweensOf(dot);\n          const pushX = dot.cx - pr.x + vx * 0.005;\n          const pushY = dot.cy - pr.y + vy * 0.005;\n          gsap.to(dot, {\n            inertia: {xOffset: pushX, yOffset: pushY, resistance},\n            onComplete: () => {\n              gsap.to(dot, {\n                xOffset: 0,\n                yOffset: 0,\n                duration: returnDuration,\n                ease: 'elastic.out(1,0.75)',\n              });\n              dot._inertiaApplied = false;\n            },\n          });\n        }\n      }\n    };\n\n    const onClick = (e: MouseEvent) => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n      const rect = canvas.getBoundingClientRect();\n      const cx = e.clientX - rect.left;\n      const cy = e.clientY - rect.top;\n      for (const dot of dotsRef.current) {\n        const dist = Math.hypot(dot.cx - cx, dot.cy - cy);\n        if (dist < shockRadius && !dot._inertiaApplied) {\n          dot._inertiaApplied = true;\n          gsap.killTweensOf(dot);\n          const falloff = Math.max(0, 1 - dist / shockRadius);\n          const pushX = (dot.cx - cx) * shockStrength * falloff;\n          const pushY = (dot.cy - cy) * shockStrength * falloff;\n          gsap.to(dot, {\n            inertia: {xOffset: pushX, yOffset: pushY, resistance},\n            onComplete: () => {\n              gsap.to(dot, {\n                xOffset: 0,\n                yOffset: 0,\n                duration: returnDuration,\n                ease: 'elastic.out(1,0.75)',\n              });\n              dot._inertiaApplied = false;\n            },\n          });\n        }\n      }\n    };\n\n    const throttledMove = throttle(onMove, 50) as (e: MouseEvent) => void;\n    const wrapper = wrapperRef.current;\n    if (wrapper) {\n      wrapper.addEventListener('mousemove', throttledMove, {passive: true});\n      wrapper.addEventListener('click', onClick);\n    }\n    return () => {\n      if (wrapper) {\n        wrapper.removeEventListener('mousemove', throttledMove);\n        wrapper.removeEventListener('click', onClick);\n      }\n    };\n  }, [maxSpeed, speedTrigger, proximity, resistance, returnDuration, shockRadius, shockStrength]);\n\n  return (\n    <section\n      className={cn('p-4 flex items-center justify-center h-full w-full relative', className)}\n      style={style}\n      role=\"presentation\"\n    >\n      <div ref={wrapperRef} className=\"w-full h-full relative\">\n        {/** biome-ignore lint/a11y/noAriaHiddenOnFocusable: <canvas is not focusable> */}\n        <canvas\n          ref={canvasRef}\n          className=\"absolute inset-0 w-full h-full pointer-events-none\"\n          aria-hidden=\"true\"\n        />\n      </div>\n    </section>\n  );\n}\n"],"names":["gsap","InertiaPlugin","useCallback","useEffect","useMemo","useRef","cn","registerPlugin","HEX_COLOR_REGEX","throttle","func","limit","lastCall","args","now","performance","hexToRgb","hex","m","match","r","g","b","parseInt","DotGrid","dotSize","gap","baseColor","activeColor","proximity","speedTrigger","shockRadius","shockStrength","maxSpeed","resistance","returnDuration","className","style","wrapperRef","canvasRef","dotsRef","pointerRef","x","y","vx","vy","speed","lastTime","lastX","lastY","baseRgb","activeRgb","colorGradient","gradient","Array","i","normalizedSqDist","normalizedDist","Math","sqrt","t","round","circlePath","window","Path2D","p","arc","PI","buildGrid","wrap","current","canvas","width","height","getBoundingClientRect","dpr","devicePixelRatio","ctx","getContext","scale","cols","floor","rows","cell","gridW","gridH","extraX","extraY","startX","startY","dots","cx","cy","push","xOffset","yOffset","_inertiaApplied","rafId","proxSq","draw","clearRect","px","py","dot","ox","oy","dx","dy","dsq","fillColor","index","min","max","save","translate","fillStyle","fill","restore","requestAnimationFrame","cancelAnimationFrame","ro","ResizeObserver","observe","addEventListener","disconnect","removeEventListener","onMove","e","pr","dt","clientX","clientY","hypot","rect","left","top","dist","killTweensOf","pushX","pushY","to","inertia","onComplete","duration","ease","onClick","falloff","throttledMove","wrapper","passive","section","role","div","ref","aria-hidden"],"mappings":"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"}

package/dist/components/dot-grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dot-grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dot-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dot-grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}