@a-type/ui 1.1.16 → 1.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/dist/cjs/components/button/Button.d.ts +1 -1
  2. package/dist/cjs/components/button/Button.js +1 -1
  3. package/dist/cjs/components/button/Button.js.map +1 -1
  4. package/dist/cjs/components/button/Button.stories.d.ts +1 -0
  5. package/dist/cjs/components/button/Button.stories.js +7 -1
  6. package/dist/cjs/components/button/Button.stories.js.map +1 -1
  7. package/dist/cjs/components/button/classes.js +2 -1
  8. package/dist/cjs/components/button/classes.js.map +1 -1
  9. package/dist/cjs/components/card/Card.js +2 -2
  10. package/dist/cjs/components/card/Card.js.map +1 -1
  11. package/dist/cjs/components/card/Card.stories.js +2 -2
  12. package/dist/cjs/components/card/Card.stories.js.map +1 -1
  13. package/dist/cjs/components/dialog/Dialog.js +1 -1
  14. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  15. package/dist/cjs/components/dialog/Dialog.stories.d.ts +1 -0
  16. package/dist/cjs/components/dialog/Dialog.stories.js +16 -1
  17. package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
  18. package/dist/cjs/components/layouts/PageNav.js +11 -1
  19. package/dist/cjs/components/layouts/PageNav.js.map +1 -1
  20. package/dist/cjs/components/layouts/PageNowPlaying.d.ts +2 -1
  21. package/dist/cjs/components/layouts/PageNowPlaying.js +7 -3
  22. package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
  23. package/dist/cjs/components/layouts/layouts.stories.d.ts +2 -0
  24. package/dist/cjs/components/layouts/layouts.stories.js +22 -2
  25. package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
  26. package/dist/cjs/components/provider/Provider.d.ts +2 -1
  27. package/dist/cjs/components/provider/Provider.js +3 -1
  28. package/dist/cjs/components/provider/Provider.js.map +1 -1
  29. package/dist/cjs/components/tabs/tabs.js +2 -2
  30. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  31. package/dist/cjs/hooks/useVirtualKeyboardBehavior.d.ts +1 -0
  32. package/dist/cjs/hooks/useVirtualKeyboardBehavior.js +15 -0
  33. package/dist/cjs/hooks/useVirtualKeyboardBehavior.js.map +1 -0
  34. package/dist/cjs/uno.preset.js +1 -0
  35. package/dist/cjs/uno.preset.js.map +1 -1
  36. package/dist/css/main.css +2 -2
  37. package/dist/esm/components/button/Button.d.ts +1 -1
  38. package/dist/esm/components/button/Button.js +1 -1
  39. package/dist/esm/components/button/Button.js.map +1 -1
  40. package/dist/esm/components/button/Button.stories.d.ts +1 -0
  41. package/dist/esm/components/button/Button.stories.js +7 -1
  42. package/dist/esm/components/button/Button.stories.js.map +1 -1
  43. package/dist/esm/components/button/classes.js +2 -1
  44. package/dist/esm/components/button/classes.js.map +1 -1
  45. package/dist/esm/components/card/Card.js +2 -2
  46. package/dist/esm/components/card/Card.js.map +1 -1
  47. package/dist/esm/components/card/Card.stories.js +2 -2
  48. package/dist/esm/components/card/Card.stories.js.map +1 -1
  49. package/dist/esm/components/dialog/Dialog.js +1 -1
  50. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  51. package/dist/esm/components/dialog/Dialog.stories.d.ts +1 -0
  52. package/dist/esm/components/dialog/Dialog.stories.js +15 -0
  53. package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
  54. package/dist/esm/components/layouts/PageNav.js +11 -1
  55. package/dist/esm/components/layouts/PageNav.js.map +1 -1
  56. package/dist/esm/components/layouts/PageNowPlaying.d.ts +2 -1
  57. package/dist/esm/components/layouts/PageNowPlaying.js +7 -3
  58. package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
  59. package/dist/esm/components/layouts/layouts.stories.d.ts +2 -0
  60. package/dist/esm/components/layouts/layouts.stories.js +21 -1
  61. package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
  62. package/dist/esm/components/provider/Provider.d.ts +2 -1
  63. package/dist/esm/components/provider/Provider.js +3 -1
  64. package/dist/esm/components/provider/Provider.js.map +1 -1
  65. package/dist/esm/components/tabs/tabs.js +2 -2
  66. package/dist/esm/components/tabs/tabs.js.map +1 -1
  67. package/dist/esm/hooks/useVirtualKeyboardBehavior.d.ts +1 -0
  68. package/dist/esm/hooks/useVirtualKeyboardBehavior.js +11 -0
  69. package/dist/esm/hooks/useVirtualKeyboardBehavior.js.map +1 -0
  70. package/dist/esm/uno.preset.js +1 -0
  71. package/dist/esm/uno.preset.js.map +1 -1
  72. package/package.json +1 -1
  73. package/src/components/button/Button.stories.tsx +22 -0
  74. package/src/components/button/Button.tsx +2 -1
  75. package/src/components/button/classes.tsx +3 -1
  76. package/src/components/card/Card.stories.tsx +4 -4
  77. package/src/components/card/Card.tsx +2 -2
  78. package/src/components/dialog/Dialog.stories.tsx +41 -0
  79. package/src/components/dialog/Dialog.tsx +1 -1
  80. package/src/components/layouts/PageNav.tsx +11 -1
  81. package/src/components/layouts/PageNowPlaying.tsx +12 -2
  82. package/src/components/layouts/layouts.stories.tsx +71 -0
  83. package/src/components/provider/Provider.tsx +6 -2
  84. package/src/components/tabs/tabs.tsx +2 -2
  85. package/src/hooks/useVirtualKeyboardBehavior.ts +12 -0
  86. package/src/uno.preset.ts +2 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
@@ -42,3 +42,4 @@ type Story = StoryObj<typeof Dialog>;
42
42
  export declare const Default: Story;
43
43
  export declare const NoSheet: Story;
44
44
  export declare const Positioned: Story;
45
+ export declare const VirtualKeyboard: Story;
@@ -4,6 +4,7 @@ import { Dialog, DialogContent, DialogTrigger, DialogActions, DialogClose, Dialo
4
4
  import { ParticleLayer } from '../particles.js';
5
5
  import { H1, P } from '../typography.js';
6
6
  import { Button } from '../button.js';
7
+ import { useEffect, useState } from 'react';
7
8
  const meta = {
8
9
  title: 'Dialog',
9
10
  component: Dialog,
@@ -31,4 +32,18 @@ export const Positioned = {
31
32
  children: (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsx(DialogTrigger, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Open" }) })), _jsx(DummyContent, {}), _jsxs(DialogContent, Object.assign({ className: "top-auto bottom-0px" }, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Close" }) })) })] }))] }))),
32
33
  },
33
34
  };
35
+ export const VirtualKeyboard = {
36
+ render: () => {
37
+ const [keyboard, setKeyboard] = useState(false);
38
+ useEffect(() => {
39
+ if (keyboard) {
40
+ document.body.style.setProperty('--mock-virtual-keyboard-height', '300px');
41
+ }
42
+ else {
43
+ document.body.style.removeProperty('--mock-virtual-keyboard-height');
44
+ }
45
+ }, [keyboard]);
46
+ return (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsxs(Dialog, { children: [_jsx(DialogTrigger, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Open" }) })), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsxs(DialogActions, { children: [_jsx(DialogClose, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Close" }) })), _jsx(Button, Object.assign({ onClick: () => setKeyboard((v) => !v) }, { children: "Toggle fake virtual kb" }))] })] })] }), _jsx("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] })));
47
+ },
48
+ };
34
49
  //# sourceMappingURL=Dialog.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,MAAM,EACN,aAAa,EACb,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,SAAS,YAAY;IACpB,OAAO,CACN,6BAAK,SAAS,EAAC,KAAK,iBACnB,KAAC,EAAE,+BAAkB,EACrB,KAAC,CAAC,0OAKE,EACJ,KAAC,MAAM,kBAAC,QAAQ,QAAC,KAAK,EAAC,SAAS,8BAEvB,KACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,kBAAC,QAAQ,uBACtB,KAAC,aAAa,kBAAC,OAAO,sBACrB,KAAC,MAAM,uBAAc,IACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,8BAA0B,EACtC,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,KAAG,EAChB,KAAC,aAAa,cACb,KAAC,WAAW,kBAAC,OAAO,sBACnB,KAAC,MAAM,wBAAe,IACT,GACC,IACD,KACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,kBAAC,QAAQ,uBACtB,KAAC,aAAa,kBAAC,OAAO,sBACrB,KAAC,MAAM,uBAAc,IACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,kBAAC,YAAY,uBAC1B,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,kBAAC,OAAO,sBACnB,KAAC,MAAM,wBAAe,IACT,GACC,KACD,KACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,kBAAC,QAAQ,uBACtB,KAAC,aAAa,kBAAC,OAAO,sBACrB,KAAC,MAAM,uBAAc,IACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,kBAAC,SAAS,EAAC,qBAAqB,iBAC7C,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,kBAAC,OAAO,sBACnB,KAAC,MAAM,wBAAe,IACT,GACC,KACD,KACD,CAChB;KACD;CACD,CAAC"}
1
+ {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
@@ -13,8 +13,18 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  };
14
14
  import { jsx as _jsx } from "react/jsx-runtime";
15
15
  import classNames from 'clsx';
16
+ import { useRef } from 'react';
17
+ import { useBoundsCssVars } from '../../hooks.js';
16
18
  export function PageNav(_a) {
17
19
  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
18
- return (_jsx("div", Object.assign({}, props, { className: classNames('layer-components:[grid-area:nav] layer-components:relative layer-components:z-nav layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:sm:[grid-area:nav] layer-components:sm:sticky layer-components:sm:top-0 layer-components:sm:h-auto layer-components:sm:bottom-auto layer-components:sm:left-auto layer-components:sm:right-auto', className) }, { children: children })));
20
+ const bodyRef = useRef(document.body);
21
+ const ref = useBoundsCssVars(undefined, bodyRef, {
22
+ left: '--nav-left',
23
+ top: '--nav-top',
24
+ width: '--nav-width',
25
+ height: '--nav-height',
26
+ ready: '--nav-ready',
27
+ });
28
+ return (_jsx("div", Object.assign({}, props, { className: classNames('layer-components:[grid-area:nav] layer-components:relative layer-components:z-nav layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:sm:[grid-area:nav] layer-components:sm:sticky layer-components:sm:top-0 layer-components:sm:h-auto layer-components:sm:bottom-auto layer-components:sm:left-auto layer-components:sm:right-auto', className), ref: ref }, { children: children })));
19
29
  }
20
30
  //# sourceMappingURL=PageNav.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAG9B,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,OAAO,CACN,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,sGAAsG,EACtG,4FAA4F,EAC5F,SAAS,CACT,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,GAAG,GAAG,gBAAgB,CAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IACH,OAAO,CACN,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,sGAAsG,EACtG,4FAA4F,EAC5F,SAAS,CACT,EACD,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { HTMLAttributes } from 'react';
2
- export declare function PageNowPlaying({ className, unstyled, ...props }: HTMLAttributes<HTMLDivElement> & {
2
+ export declare function PageNowPlaying({ className, unstyled, keepAboveKeyboard, ...props }: HTMLAttributes<HTMLDivElement> & {
3
3
  unstyled?: boolean;
4
+ keepAboveKeyboard?: boolean;
4
5
  }): import("react/jsx-runtime").JSX.Element;
@@ -14,9 +14,13 @@ var __rest = (this && this.__rest) || function (s, e) {
14
14
  import { jsx as _jsx } from "react/jsx-runtime";
15
15
  import classNames from 'clsx';
16
16
  export function PageNowPlaying(_a) {
17
- var { className, unstyled } = _a, props = __rest(_a, ["className", "unstyled"]);
18
- return (_jsx("div", Object.assign({}, props, { className: classNames('layer-components:fixed layer-components:bottom-[calc(env(safe-area-inset-bottom,0px)+var(--now-playing-bottom,60px))] layer-components:left-0 layer-components:right-0 layer-components:z-now-playing layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:items-end', 'layer-components:sm:fixed layer-components:sm:bottom-3 layer-components:sm:left-[var(--content-left,20%)] layer-components:sm:transition-opacity layer-components:sm:top-auto layer-components:sm:items-end layer-components:sm:w-[var(--content-width,100%)] layer-components:sm:max-w-80vw layer-components:sm:p-0 layer-components:sm:opacity-[var(--content-ready,0)]', unstyled
17
+ var { className, unstyled, keepAboveKeyboard } = _a, props = __rest(_a, ["className", "unstyled", "keepAboveKeyboard"]);
18
+ return (_jsx("div", Object.assign({}, props, { className: classNames('layer-components:fixed layer-components:left-0 layer-components:right-0 layer-components:z-now-playing layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:items-end',
19
+ // on mobile, this must be positioned above any nav bar that's present,
20
+ // or at minimum in the safe area
21
+ 'layer-components:bottom-[var(--nav-height,env(safe-area-inset-bottom,0px))]', 'layer-components:transition-bottom', 'layer-components:sm:fixed layer-components:sm:bottom-3 layer-components:sm:left-[var(--content-left,20%)] layer-components:sm:transition-opacity layer-components:sm:top-auto layer-components:sm:items-end layer-components:sm:w-[var(--content-width,100%)] layer-components:sm:max-w-80vw layer-components:sm:p-0 layer-components:sm:opacity-[var(--content-ready,0)]', unstyled
19
22
  ? 'layer-variants:p-2'
20
- : 'layer-components:bg-wash layer-components:p-2px layer-components:rounded-xl layer-components:border-light layer-components:shadow-md layer-components:min-w-32px layer-components:items-center layer-components:justify-center layer-components:m-2 layer-components:w-auto', className) })));
23
+ : 'layer-components:bg-wash layer-components:p-2px layer-components:rounded-xl layer-components:border-light layer-components:shadow-md layer-components:min-w-32px layer-components:items-center layer-components:justify-center layer-components:m-2 layer-components:w-auto', keepAboveKeyboard &&
24
+ 'layer-variants:lt-sm:bottom-[max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))))]', className) })));
21
25
  }
22
26
  //# sourceMappingURL=PageNowPlaying.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAG9B,MAAM,UAAU,cAAc,CAAC,EAI2B;QAJ3B,EAC9B,SAAS,EACT,QAAQ,OAEiD,EADtD,KAAK,cAHsB,yBAI9B,CADQ;IAER,OAAO,CACN,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,mKAAmK,EACnK,yLAAyL,EACzL,QAAQ;YACP,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,sHAAsH,EACzH,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAG9B,MAAM,UAAU,cAAc,CAAC,EAQ9B;QAR8B,EAC9B,SAAS,EACT,QAAQ,EACR,iBAAiB,OAKjB,EAJG,KAAK,cAJsB,8CAK9B,CADQ;IAKR,OAAO,CACN,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,qFAAqF;QACrF,uEAAuE;QACvE,iCAAiC;QACjC,6EAA6E,EAC7E,oCAAoC,EACpC,yLAAyL,EACzL,QAAQ;YACP,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,sHAAsH,EACzH,iBAAiB;YAChB,yJAAyJ,EAC1J,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC"}
@@ -12,3 +12,5 @@ declare const meta: {
12
12
  export default meta;
13
13
  type Story = StoryObj;
14
14
  export declare const Default: Story;
15
+ export declare const WithoutNav: Story;
16
+ export declare const WithVirtualKeyboard: Story;
@@ -5,6 +5,9 @@ import { PageContent } from './PageContent.js';
5
5
  import { PageNav } from './PageNav.js';
6
6
  import { NavBarItem, NavBarItemIcon, NavBarItemIconWrapper, NavBarItemPip, NavBarItemText, NavBarRoot, } from '../navBar.js';
7
7
  import { Icon } from '../icon.js';
8
+ import { PageNowPlaying } from './PageNowPlaying.js';
9
+ import { useEffect, useState } from 'react';
10
+ import { Button } from '../button.js';
8
11
  const meta = {
9
12
  title: 'layouts',
10
13
  argTypes: {},
@@ -15,6 +18,23 @@ const meta = {
15
18
  };
16
19
  export default meta;
17
20
  export const Default = {
18
- render: () => (_jsxs(PageRoot, Object.assign({ className: "w-full h-full" }, { children: [_jsx(PageContent, { children: _jsxs("div", Object.assign({ className: "text-center" }, { children: [_jsx("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), _jsx("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })) }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, Object.assign({ active: true }, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, Object.assign({ asChild: true }, { children: _jsx(Icon, { name: "book" }) })) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }))] }) })] }))),
21
+ render: () => (_jsxs(PageRoot, Object.assign({ className: "w-full h-full" }, { children: [_jsxs(PageContent, { children: [_jsxs("div", Object.assign({ className: "text-center" }, { children: [_jsx("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), _jsx("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), _jsx(PageNowPlaying, { children: "Now playing" })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, Object.assign({ active: true }, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, Object.assign({ asChild: true }, { children: _jsx(Icon, { name: "book" }) })) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }))] }) })] }))),
22
+ };
23
+ export const WithoutNav = {
24
+ render: () => (_jsx(PageRoot, Object.assign({ className: "w-full h-full" }, { children: _jsxs(PageContent, { children: [_jsxs("div", Object.assign({ className: "text-center" }, { children: [_jsx("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), _jsx("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), _jsx(PageNowPlaying, { children: "Now playing" })] }) }))),
25
+ };
26
+ export const WithVirtualKeyboard = {
27
+ render() {
28
+ const [keyboard, setKeyboard] = useState(false);
29
+ useEffect(() => {
30
+ if (keyboard) {
31
+ document.body.style.setProperty('--mock-virtual-keyboard-height', '300px');
32
+ }
33
+ else {
34
+ document.body.style.removeProperty('--mock-virtual-keyboard-height');
35
+ }
36
+ }, [keyboard]);
37
+ return (_jsxs(PageRoot, Object.assign({ className: "w-full h-full" }, { children: [_jsxs(PageContent, { children: [_jsxs("div", Object.assign({ className: "text-center" }, { children: [_jsx("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), _jsx("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), _jsx(PageNowPlaying, Object.assign({ keepAboveKeyboard: true }, { children: _jsx(Button, Object.assign({ onClick: () => setKeyboard((v) => !v) }, { children: "Toggle vkeyboard" })) }))] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, Object.assign({ active: true }, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, Object.assign({ asChild: true }, { children: _jsx(Icon, { name: "book" }) })) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }))] }) }), _jsx("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] })));
38
+ },
19
39
  };
20
40
  //# sourceMappingURL=layouts.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EACN,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,UAAU,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,QAAQ,kBAAC,SAAS,EAAC,eAAe,iBAClC,KAAC,WAAW,cACX,6BAAK,SAAS,EAAC,aAAa,iBAC3B,2BAAI,SAAS,EAAC,oBAAoB,mCAAmB,EACrD,0BAAG,SAAS,EAAC,SAAS,mDAAkC,KACnD,GACO,EACd,KAAC,OAAO,cACP,MAAC,UAAU,eACV,MAAC,UAAU,eACV,KAAC,qBAAqB,cACrB,KAAC,cAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,KAAC,cAAc,8BAA6B,IAChC,EACb,MAAC,UAAU,kBAAC,MAAM,EAAE,IAAI,iBACvB,KAAC,qBAAqB,cACrB,KAAC,cAAc,kBAAC,OAAO,sBACtB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IACJ,GACM,EACxB,KAAC,cAAc,yBAAwB,EACvC,KAAC,aAAa,KAAG,KACL,IACD,GACJ,KACA,CACX;CACD,CAAC"}
1
+ {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
@@ -6,8 +6,9 @@ export interface ProviderProps {
6
6
  toastPosition?: ToastPosition;
7
7
  toastContainerClassName?: string;
8
8
  disableViewportOffset?: boolean;
9
+ virtualKeyboardBehavior?: 'overlay' | 'displace';
9
10
  }
10
11
  /**
11
12
  * Provides all the stuff for all global junk.
12
13
  */
13
- export declare function Provider({ children, disableParticles, toastPosition, toastContainerClassName, disableViewportOffset }: ProviderProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function Provider({ children, disableParticles, toastPosition, toastContainerClassName, disableViewportOffset, virtualKeyboardBehavior, }: ProviderProps): import("react/jsx-runtime").JSX.Element;
@@ -5,11 +5,13 @@ import { IconSpritesheet } from '../icon.js';
5
5
  import { Toaster } from 'react-hot-toast';
6
6
  import { TooltipProvider } from '../tooltip.js';
7
7
  import { useVisualViewportOffset } from '../../hooks.js';
8
+ import { useVirtualKeyboardBehavior } from '../../hooks/useVirtualKeyboardBehavior.js';
8
9
  /**
9
10
  * Provides all the stuff for all global junk.
10
11
  */
11
- export function Provider({ children, disableParticles, toastPosition = 'top-center', toastContainerClassName, disableViewportOffset }) {
12
+ export function Provider({ children, disableParticles, toastPosition = 'top-center', toastContainerClassName, disableViewportOffset = true, virtualKeyboardBehavior = 'overlay', }) {
12
13
  useVisualViewportOffset(disableViewportOffset);
14
+ useVirtualKeyboardBehavior(virtualKeyboardBehavior);
13
15
  const otherStuff = (_jsxs(_Fragment, { children: [_jsx(IconSpritesheet, {}), _jsx(Toaster, { position: toastPosition, containerClassName: toastContainerClassName })] }));
14
16
  if (disableParticles)
15
17
  return (_jsxs(TooltipProvider, { children: [children, otherStuff] }));
@@ -1 +1 @@
1
- {"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAUzD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,EACvB,qBAAqB,EACN;IACf,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,IACP,QAAQ,EAAE,aAAa,EACvB,kBAAkB,EAAE,uBAAuB,GAC1C,IACA,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,CAClB,CAAC;IAEH,OAAO,CACN,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,CAClB,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAWvF;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,EACvB,qBAAqB,GAAG,IAAI,EAC5B,uBAAuB,GAAG,SAAS,GACpB;IACf,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;IAC/C,0BAA0B,CAAC,uBAAuB,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,IACP,QAAQ,EAAE,aAAa,EACvB,kBAAkB,EAAE,uBAAuB,GAC1C,IACA,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,CAClB,CAAC;IAEH,OAAO,CACN,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,CAClB,CAAC;AACH,CAAC"}
@@ -2,8 +2,8 @@
2
2
  import * as TabsPrimitive from '@radix-ui/react-tabs';
3
3
  import { withClassName } from '../../hooks/withClassName.js';
4
4
  export const TabsRoot = withClassName(TabsPrimitive.Root, '');
5
- export const TabsList = withClassName(TabsPrimitive.List, 'flex flex-row py-2 px-2 justify-center items-start gap-2');
6
- export const TabsTrigger = withClassName(TabsPrimitive.Trigger, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:color-black layer-components:py-1 layer-components:px-4 layer-components:bg-wash layer-components:text-md layer-components:min-w-100px layer-components:rounded-full layer-components:border layer-components:border-1 layer-components:font-semibold layer-components:text-gray-7 layer-components:border-gray-7 layer-components:border-solid layer-components:transition-colors layer-components:cursor-pointer layer-components:select-none layer-components:font-sans', 'hover:bg-primary-light focus-visible:focus-ring focus-visible:focus-ring-primary-dark focus-visible:outline-off focus-visible:bg-primary-light focus-visible:border-primary-dark [&[data-state=active]]:font-semibold [&[data-state=active]]:bg-primary-light [&[data-state=active]]:border-primary-light [&[data-state=active]]:text-black [&[data-state=active]]:cursor-default [&[data-state=active]]:hover:bg-primary-light [&[data-state=active]]:relative [&[data-state=active]]:z-1');
5
+ export const TabsList = withClassName(TabsPrimitive.List, 'flex flex-row flex-wrap py-2 px-2 items-start gap-2');
6
+ export const TabsTrigger = withClassName(TabsPrimitive.Trigger, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:color-black layer-components:py-1 layer-components:px-5 layer-components:bg-wash layer-components:text-md layer-components:min-w-100px layer-components:rounded-full layer-components:border layer-components:border-1 layer-components:font-semibold layer-components:text-gray-7 layer-components:border-gray-7 layer-components:border-solid layer-components:transition-colors layer-components:cursor-pointer layer-components:select-none layer-components:font-sans layer-components:flex-shrink-0', 'hover:bg-primary-light focus-visible:focus-ring focus-visible:focus-ring-primary-dark focus-visible:outline-off focus-visible:bg-primary-light focus-visible:border-primary-dark [&[data-state=active]]:font-semibold [&[data-state=active]]:bg-primary-light [&[data-state=active]]:border-primary-light [&[data-state=active]]:text-black [&[data-state=active]]:cursor-default [&[data-state=active]]:hover:bg-primary-light [&[data-state=active]]:relative [&[data-state=active]]:z-1');
7
7
  export const TabsContent = withClassName(TabsPrimitive.Content, '');
8
8
  export const Tabs = Object.assign(TabsRoot, {
9
9
  List: TabsList,
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,aAAa,CAAC,IAAI,EAClB,0DAA0D,CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,OAAO,EACrB,+PAA+P,EAC/P,uQAAuQ,CACvQ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;CACpB,CAAC,CAAC"}
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,aAAa,CAAC,IAAI,EAClB,qDAAqD,CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,OAAO,EACrB,6QAA6Q,EAC7Q,uQAAuQ,CACvQ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;CACpB,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export declare function useVirtualKeyboardBehavior(behavior?: 'overlay' | 'displace'): void;
@@ -0,0 +1,11 @@
1
+ // @unocss-include
2
+ import { useEffect } from 'react';
3
+ export function useVirtualKeyboardBehavior(behavior = 'overlay') {
4
+ useEffect(() => {
5
+ if ('virtualKeyboard' in navigator) {
6
+ // @ts-ignore
7
+ navigator.virtualKeyboard.overlaysContent = behavior === 'overlay';
8
+ }
9
+ }, [behavior]);
10
+ }
11
+ //# sourceMappingURL=useVirtualKeyboardBehavior.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useVirtualKeyboardBehavior.js","sourceRoot":"","sources":["../../../src/hooks/useVirtualKeyboardBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,0BAA0B,CACzC,WAAmC,SAAS;IAE5C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,iBAAiB,IAAI,SAAS,EAAE;YACnC,aAAa;YACb,SAAS,CAAC,eAAe,CAAC,eAAe,GAAG,QAAQ,KAAK,SAAS,CAAC;SACnE;IACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAChB,CAAC"}
@@ -368,6 +368,7 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
368
368
  'outline-off': '[outline:none]',
369
369
  'bg-wash': 'bg-[var(--color-wash)]',
370
370
  unset: '[all:unset]',
371
+ 'bottom-keyboard': 'bottom-[var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))]',
371
372
  },
372
373
  preflights: [
373
374
  {
@@ -1 +1 @@
1
- {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "1.1.16",
3
+ "version": "1.1.18",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "/dist",
@@ -1,6 +1,7 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import { Button } from './Button.js';
3
3
  import { useState } from 'react';
4
+ import { Icon } from '../icon.js';
4
5
 
5
6
  const meta = {
6
7
  title: 'Button',
@@ -27,3 +28,24 @@ export const Toggled: Story = {
27
28
  return <Button {...args} toggled={on} onClick={toggle} />;
28
29
  },
29
30
  };
31
+
32
+ export const Alignment: Story = {
33
+ render() {
34
+ return (
35
+ <div className="col">
36
+ <div className="row border-default">
37
+ <Button size="small">Button</Button>
38
+ <Button size="icon-small">
39
+ <Icon name="placeholder" />
40
+ </Button>
41
+ </div>
42
+ <div className="row border-default">
43
+ <Button>Button</Button>
44
+ <Button size="icon">
45
+ <Icon name="placeholder" />
46
+ </Button>
47
+ </div>
48
+ </div>
49
+ );
50
+ },
51
+ };
@@ -16,7 +16,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
16
16
  | 'accent'
17
17
  | 'contrast'
18
18
  | 'unstyled';
19
- size?: 'default' | 'small' | 'icon';
19
+ size?: 'default' | 'small' | 'icon' | 'icon-small';
20
20
  toggled?: boolean;
21
21
  toggleMode?: 'color' | 'indicator' | 'state-only';
22
22
  align?: 'start' | 'stretch' | 'end';
@@ -49,6 +49,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
49
49
  ...props,
50
50
  disabled: disabled || loading,
51
51
  'data-disabled': visuallyDisabled,
52
+ 'data-size': size,
52
53
  tabIndex: visuallyDisabled ? -1 : undefined,
53
54
  className: classNames(
54
55
  getButtonClassName({
@@ -48,7 +48,9 @@ const colors = {
48
48
  const sizes = {
49
49
  default: '',
50
50
  small: 'layer-variants:[&.size-small]:(px-4 py-1 text-sm rounded-full)',
51
- icon: 'layer-variants:[&.size-icon]:(p-2 text-sm rounded-full)',
51
+ icon: 'layer-variants:[&.size-icon]:(p-2.35 text-sm rounded-full)',
52
+ 'icon-small':
53
+ 'layer-variants:[&.size-icon-small]:(p-2 text-xs rounded-full -m-y-0.5)',
52
54
  };
53
55
 
54
56
  const toggledClass =
@@ -45,12 +45,12 @@ export const Default: Story = {
45
45
  <CardFooter>
46
46
  <CardActions>
47
47
  <Button size="small">Button</Button>
48
- <Button size="icon" color="ghost">
48
+ <Button size="icon-small" color="primary">
49
49
  <Icon name="placeholder" />
50
50
  </Button>
51
51
  </CardActions>
52
52
  <CardMenu>
53
- <Button size="icon" color="ghost">
53
+ <Button size="icon-small" color="ghost">
54
54
  <Icon name="dots" />
55
55
  </Button>
56
56
  </CardMenu>
@@ -67,7 +67,7 @@ export const Default: Story = {
67
67
  <CardFooter>
68
68
  <CardActions>
69
69
  <Button size="small">Button</Button>
70
- <Button size="icon" color="ghost">
70
+ <Button size="icon-small" color="ghost">
71
71
  <Icon name="placeholder" />
72
72
  </Button>
73
73
  </CardActions>
@@ -88,7 +88,7 @@ export const Compact: Story = {
88
88
  <CardFooter>
89
89
  <CardActions>
90
90
  <Button size="small">Button</Button>
91
- <Button size="icon" color="ghost">
91
+ <Button size="icon-small" color="ghost">
92
92
  <Icon name="placeholder" />
93
93
  </Button>
94
94
  </CardActions>
@@ -7,7 +7,7 @@ import { SlotDiv } from '../utility/SlotDiv.js';
7
7
 
8
8
  export const CardRoot = withClassName(
9
9
  'div',
10
- 'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-gray-1 text-black shadow-sm)',
10
+ 'layer-components:(flex flex-col border-light rounded-xl text-lg overflow-hidden h-max-content relative bg-gray-1 text-black shadow-sm)',
11
11
  'layer-variants:[&[data-borderless=true]]:(border-none shadow-md)',
12
12
  );
13
13
 
@@ -82,7 +82,7 @@ export const CardActions = withClassName(
82
82
 
83
83
  export const CardMenu = withClassName(
84
84
  'div',
85
- 'layer-components:(mr-0 ml-auto my-auto flex flex-row gap-1 items-center bg-overlay rounded-full p-0)',
85
+ 'layer-components:(mr-0 ml-auto my-auto flex flex-row gap-1 items-center bg-overlay py-0.5 rounded-full p-0)',
86
86
  );
87
87
 
88
88
  export const cardGridColumns = {
@@ -10,6 +10,7 @@ import {
10
10
  import { ParticleLayer } from '../particles.js';
11
11
  import { H1, P } from '../typography.js';
12
12
  import { Button } from '../button.js';
13
+ import { useEffect, useState } from 'react';
13
14
 
14
15
  const meta = {
15
16
  title: 'Dialog',
@@ -106,3 +107,43 @@ export const Positioned: Story = {
106
107
  ),
107
108
  },
108
109
  };
110
+
111
+ export const VirtualKeyboard: Story = {
112
+ render: () => {
113
+ const [keyboard, setKeyboard] = useState(false);
114
+
115
+ useEffect(() => {
116
+ if (keyboard) {
117
+ document.body.style.setProperty(
118
+ '--mock-virtual-keyboard-height',
119
+ '300px',
120
+ );
121
+ } else {
122
+ document.body.style.removeProperty('--mock-virtual-keyboard-height');
123
+ }
124
+ }, [keyboard]);
125
+
126
+ return (
127
+ <ParticleLayer noPortal>
128
+ <Dialog>
129
+ <DialogTrigger asChild>
130
+ <Button>Open</Button>
131
+ </DialogTrigger>
132
+ <DummyContent />
133
+ <DialogContent>
134
+ <DialogTitle>Hello world</DialogTitle>
135
+ <DialogActions>
136
+ <DialogClose asChild>
137
+ <Button>Close</Button>
138
+ </DialogClose>
139
+ <Button onClick={() => setKeyboard((v) => !v)}>
140
+ Toggle fake virtual kb
141
+ </Button>
142
+ </DialogActions>
143
+ </DialogContent>
144
+ </Dialog>
145
+ <div className="fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" />
146
+ </ParticleLayer>
147
+ );
148
+ },
149
+ };
@@ -36,7 +36,7 @@ const StyledContent = withClassName(
36
36
  'layer-components:(animate-dialog-in [&[data-state=closed]]:animate-dialog-out motion-reduce:animate-none)',
37
37
  );
38
38
  const sheetClassName = classNames(
39
- 'layer-variants:lt-sm:(translate-0 bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] left-0 right-0 top-auto h-min-content max-h-[calc(0.85*var(--viewport-height,100vh))] rounded-tl-xl rounded-tr-xl rounded-b-0 p-6 pt-8 w-full max-w-none pb-[calc(3rem+env(safe-area-inset-bottom,0px))] border-b-0)',
39
+ 'layer-variants:lt-sm:(translate-0 bottom-[calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))+var(--gesture-y,0px))] left-0 right-0 top-auto h-min-content max-h-[calc(85vh-var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)))] rounded-tl-xl rounded-tr-xl rounded-b-0 p-6 pt-8 w-full max-w-none pb-[calc(3rem+env(safe-area-inset-bottom,0px))] border-b-0)',
40
40
  'layer-variants:lt-sm:(animate-ease-in animate-fade-in-up [&[data-state=closed]]:animate-fade-out-down)',
41
41
  );
42
42
 
@@ -1,13 +1,22 @@
1
1
  'use client';
2
2
 
3
3
  import classNames from 'clsx';
4
- import { HTMLAttributes } from 'react';
4
+ import { HTMLAttributes, useRef } from 'react';
5
+ import { useBoundsCssVars } from '../../hooks.js';
5
6
 
6
7
  export function PageNav({
7
8
  className,
8
9
  children,
9
10
  ...props
10
11
  }: HTMLAttributes<HTMLDivElement>) {
12
+ const bodyRef = useRef(document.body);
13
+ const ref = useBoundsCssVars<HTMLDivElement>(undefined, bodyRef, {
14
+ left: '--nav-left',
15
+ top: '--nav-top',
16
+ width: '--nav-width',
17
+ height: '--nav-height',
18
+ ready: '--nav-ready',
19
+ });
11
20
  return (
12
21
  <div
13
22
  {...props}
@@ -16,6 +25,7 @@ export function PageNav({
16
25
  'layer-components:sm:([grid-area:nav] sticky top-0 h-auto bottom-auto left-auto right-auto)',
17
26
  className,
18
27
  )}
28
+ ref={ref}
19
29
  >
20
30
  {children}
21
31
  </div>
@@ -6,17 +6,27 @@ import { HTMLAttributes } from 'react';
6
6
  export function PageNowPlaying({
7
7
  className,
8
8
  unstyled,
9
+ keepAboveKeyboard,
9
10
  ...props
10
- }: HTMLAttributes<HTMLDivElement> & { unstyled?: boolean }) {
11
+ }: HTMLAttributes<HTMLDivElement> & {
12
+ unstyled?: boolean;
13
+ keepAboveKeyboard?: boolean;
14
+ }) {
11
15
  return (
12
16
  <div
13
17
  {...props}
14
18
  className={classNames(
15
- 'layer-components:(fixed bottom-[calc(env(safe-area-inset-bottom,0px)+var(--now-playing-bottom,60px))] left-0 right-0 z-now-playing flex flex-col gap-2 items-end)',
19
+ 'layer-components:(fixed left-0 right-0 z-now-playing flex flex-col gap-2 items-end)',
20
+ // on mobile, this must be positioned above any nav bar that's present,
21
+ // or at minimum in the safe area
22
+ 'layer-components:bottom-[var(--nav-height,env(safe-area-inset-bottom,0px))]',
23
+ 'layer-components:transition-bottom',
16
24
  'layer-components:sm:(fixed bottom-3 left-[var(--content-left,20%)] transition-opacity top-auto items-end w-[var(--content-width,100%)] max-w-80vw p-0 opacity-[var(--content-ready,0)])',
17
25
  unstyled
18
26
  ? 'layer-variants:p-2'
19
27
  : 'layer-components:(bg-wash p-2px rounded-xl border-light shadow-md min-w-32px items-center justify-center m-2 w-auto)',
28
+ keepAboveKeyboard &&
29
+ 'layer-variants:lt-sm:bottom-[max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))))]',
20
30
  className,
21
31
  )}
22
32
  />