@nayhoo/ui 0.18.0 → 0.19.1

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.
@@ -1,15 +1,20 @@
1
+ import {
2
+ Container
3
+ } from "../chunk-IKDQWTMS.mjs";
1
4
  import {
2
5
  sprinkles
3
- } from "../chunk-BBTIKGXS.mjs";
6
+ } from "../chunk-VMWZ4AUH.mjs";
7
+ import "../chunk-Y6BNWBLR.mjs";
4
8
  import "../chunk-O62XWWJU.mjs";
9
+ import "../chunk-P3OUEGR4.mjs";
5
10
  import "../chunk-KH7OG63I.mjs";
6
11
  import "../chunk-C4NLMHMQ.mjs";
7
12
  import "../chunk-P3KR7WP5.mjs";
8
13
  import "../chunk-DXKT5AFF.mjs";
9
- import "../chunk-Y6BNWBLR.mjs";
14
+ import "../chunk-DOHVBMXO.mjs";
10
15
  import "../chunk-NOIOHUNH.mjs";
11
16
  import "../chunk-JGZLOTH3.mjs";
12
- import "../chunk-P3OUEGR4.mjs";
17
+ import "../chunk-PUW3KNR3.mjs";
13
18
  import "../chunk-5WJ4KGIE.mjs";
14
19
  import "../chunk-WUVNL3DI.mjs";
15
20
  import "../chunk-S6KKPOPH.mjs";
@@ -17,7 +22,7 @@ import "../chunk-AXOHCT5Q.mjs";
17
22
  import "../chunk-KE7EIF6L.mjs";
18
23
  import "../chunk-JZBPCPSP.mjs";
19
24
  import "../chunk-HNVVD3WS.mjs";
20
- import "../chunk-DOHVBMXO.mjs";
25
+ import "../chunk-TCGR6PEH.mjs";
21
26
  import "../chunk-P2VEMZGS.mjs";
22
27
  import "../chunk-EXKRRQYL.mjs";
23
28
  import {
@@ -33,10 +38,6 @@ import "../chunk-47YGQSLM.mjs";
33
38
  import "../chunk-6RSPMV3B.mjs";
34
39
  import "../chunk-IFN22XIN.mjs";
35
40
  import "../chunk-5ZOT2LOO.mjs";
36
- import {
37
- Container
38
- } from "../chunk-IKDQWTMS.mjs";
39
- import "../chunk-PUW3KNR3.mjs";
40
41
  import "../chunk-UPZYS6TE.mjs";
41
42
  import "../chunk-7EGQM3ZL.mjs";
42
43
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/patterns/nav.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Container } from \"@/components/container\";\nimport { sprinkles, theme } from \"@/theme\";\nimport { useScrollPosition } from \"@nayhoo/hooks\";\n\n/** Common Nav component for Nayhoo apps */\nexport const Nav = ({\n children,\n variant = \"fixed\",\n fullWidth = false,\n compact = false,\n}: {\n children: React.ReactNode;\n variant?: \"fixed\" | \"sticky\";\n fullWidth?: boolean;\n compact?: boolean;\n}) => {\n const scrollPosition = useScrollPosition();\n\n const isScrolled = scrollPosition > 24;\n\n return (\n <Box\n asChild\n className={sprinkles({\n paddingY: {\n initial: undefined,\n xs: isScrolled || compact ? undefined : 2,\n },\n })}\n style={{\n borderBottom: \"1px solid\",\n borderColor:\n isScrolled || compact ? theme.semanticColors.line : \"transparent\",\n position: variant,\n top: 0,\n transition: \"border-color 0.4s, padding 0.4s\",\n width: \"100%\",\n zIndex: theme.zIndices[1],\n backgroundColor: `color-mix(in srgb, ${theme.semanticColors.background}, transparent 40%)`,\n backdropFilter: \"blur(10px)\",\n }}\n >\n <nav>\n <Container\n size={fullWidth ? \"4\" : \"3\"}\n style={{\n padding: theme.space[2],\n width: \"100%\",\n }}\n >\n {children}\n </Container>\n </nav>\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB;AAyC1B;AAtCD,IAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AACZ,MAKM;AACJ,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,aAAa,iBAAiB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,WAAW,UAAU;AAAA,QACnB,UAAU;AAAA,UACR,SAAS;AAAA,UACT,IAAI,cAAc,UAAU,SAAY;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,MACD,OAAO;AAAA,QACL,cAAc;AAAA,QACd,aACE,cAAc,UAAU,MAAM,eAAe,OAAO;AAAA,QACtD,UAAU;AAAA,QACV,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ,MAAM,SAAS,CAAC;AAAA,QACxB,iBAAiB,sBAAsB,MAAM,eAAe,UAAU;AAAA,QACtE,gBAAgB;AAAA,MAClB;AAAA,MAEA,8BAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,MAAM;AAAA,UACxB,OAAO;AAAA,YACL,SAAS,MAAM,MAAM,CAAC;AAAA,YACtB,OAAO;AAAA,UACT;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../../src/patterns/nav.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Container } from \"@/components/container\";\nimport { sprinkles, theme } from \"@/theme\";\nimport { useScrollPosition } from \"@nayhoo/hooks\";\n\n/** Common Nav component for Nayhoo apps */\nexport const Nav = ({\n children,\n variant = \"fixed\",\n fullWidth = false,\n compact = false,\n}: {\n children: React.ReactNode;\n variant?: \"fixed\" | \"sticky\";\n fullWidth?: boolean;\n compact?: boolean;\n}) => {\n const scrollPosition = useScrollPosition();\n\n const isScrolled = scrollPosition > 24;\n\n return (\n <Box\n asChild\n className={sprinkles({\n paddingY: {\n initial: undefined,\n xs: isScrolled || compact ? undefined : 2,\n },\n })}\n style={{\n borderBottom: \"1px solid\",\n borderColor:\n isScrolled || compact ? theme.semanticColors.line : \"transparent\",\n position: variant,\n top: 0,\n transition: \"border-color 0.4s, padding 0.4s\",\n width: \"100%\",\n zIndex: theme.zIndices[1],\n backgroundColor: `color-mix(in srgb, ${theme.semanticColors.background}, transparent 40%)`,\n backdropFilter: \"blur(10px)\",\n }}\n >\n <nav>\n <Container\n size={fullWidth ? \"4\" : \"3\"}\n style={{\n padding: theme.space[2],\n width: \"100%\",\n }}\n >\n {children}\n </Container>\n </nav>\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,yBAAyB;AAyC1B;AAtCD,IAAM,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AACZ,MAKM;AACJ,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,aAAa,iBAAiB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,WAAW,UAAU;AAAA,QACnB,UAAU;AAAA,UACR,SAAS;AAAA,UACT,IAAI,cAAc,UAAU,SAAY;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,MACD,OAAO;AAAA,QACL,cAAc;AAAA,QACd,aACE,cAAc,UAAU,MAAM,eAAe,OAAO;AAAA,QACtD,UAAU;AAAA,QACV,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ,MAAM,SAAS,CAAC;AAAA,QACxB,iBAAiB,sBAAsB,MAAM,eAAe,UAAU;AAAA,QACtE,gBAAgB;AAAA,MAClB;AAAA,MAEA,8BAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,MAAM;AAAA,UACxB,OAAO;AAAA,YACL,SAAS,MAAM,MAAM,CAAC;AAAA,YACtB,OAAO;AAAA,UACT;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}