@a-type/ui 2.7.5 → 2.8.0

package/dist/esm/hooks.js

@@ -1,3 +1,2 @@
-// @unocss-include
 export * from './hooks/index.js';
 //# sourceMappingURL=hooks.js.map

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 export { clsx } from 'clsx';
 export { toast } from 'react-hot-toast';
 export * from './colorMode.js';

package/dist/esm/shadows.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { Box } from './components/index.js';

package/dist/esm/themes.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { useRef, useState } from 'react';

package/dist/esm/uno/colors.js

@@ -1,4 +1,3 @@
-// @unocss-include
 export const colorConstants = `
 	--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
 	--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));

package/dist/esm/uno/shadows.js

@@ -1,4 +1,3 @@
-// @unocss-include
 export function getShadows(hard = false) {
     const opacity1 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))`;
     const opacity2 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))`;

package/dist/esm/uno/uno.preset.js

@@ -1,4 +1,3 @@
-// @unocss-include
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -226,7 +225,7 @@ export default function presetAtype({ scale = 'md', interFontLocation = 'https:/
 					}`,
                     'checkbox-fade': `{
 						from { background-color: var(--v-bg-altered,var(--v-bg)); opacity: 1; }
-						to { background-color: transparent; opacity: 0.5; border-color: transparent; }
+						to { background-color: transparent; opacity: 0.9; border-color: transparent; box-shadow: none; }
 					}`,
                 },
                 timingFns: {

package/dist/esm/utilities.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Button, P } from './components/index.js';
 const meta = {

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@a-type/ui",
-  "version": "2.7.5",
+  "version": "2.8.0",
   "type": "module",
   "files": [
     "/dist",
     "/src"
   ],
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
@@ -107,7 +108,7 @@
     "build:transpile": "tsc && tsc -P tsconfig-cjs.json",
     "build:prefix": "node ./scripts/addUnoInclude.js",
     "build:process": "unocss \"./dist/**/*.js\" -o ./dist/css/main.css --write-transformed -m -c uno.config.js",
-    "build": "pnpm run build:transpile && pnpm run build:prefix && pnpm run build:process",
+    "build": "pnpm run build:transpile && pnpm run build:process",
     "ci:version": "pnpm changeset version",
     "ci:publish": "pnpm changeset publish --access=public",
     "prepublish": "pnpm run build",

package/src/components/checkbox/Checkbox.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { CheckIcon } from '@radix-ui/react-icons';
 import classNames from 'clsx';
 import { Ref } from 'react';
+import { Icon } from '../icon/Icon.js';
 
 export interface CheckboxProps extends CheckboxPrimitive.CheckboxProps {
 	/**
@@ -48,7 +48,7 @@ export function CheckboxIndicator({
 			className={classNames('absolute center color-black', className)}
 			{...props}
 		>
-			{children ?? <CheckIcon width={18} height={18} />}
+			{children ?? <Icon name="check" size={16} />}
 		</CheckboxPrimitive.Indicator>
 	);
 }

package/src/components/dialog/Dialog.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { CheckIcon, ChevronDownIcon } from '@radix-ui/react-icons';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { useDrag } from '@use-gesture/react';
 import classNames from 'clsx';
@@ -19,6 +18,7 @@ import useMergedRef from '../../hooks/useMergedRef.js';
 import { withClassName } from '../../hooks/withClassName.js';
 import { BoxContext } from '../box/Box.js';
 import { Button } from '../button/index.js';
+import { Icon } from '../icon/Icon.js';
 import { useParticles } from '../particles/index.js';
 import { useConfig } from '../provider/Provider.js';
 import { selectTriggerClassName } from '../select/index.js';
@@ -312,7 +312,7 @@ export const DialogSelectTrigger = function DialogSelectTrigger({
 			{...props}
 		>
 			<span>{children}</span>
-			<ChevronDownIcon />
+			<Icon name="chevron" />
 		</DialogPrimitive.Trigger>
 	);
 };
@@ -339,7 +339,7 @@ export const DialogSelectItem = function DialogSelectItem({
 		<DialogSelectItemRoot {...props}>
 			<span className="flex-1">{children}</span>
 			<RadioGroupPrimitive.Indicator className="flex-0-0-auto">
-				<CheckIcon />
+				<Icon name="check" />
 			</RadioGroupPrimitive.Indicator>
 		</DialogSelectItemRoot>
 	);

package/src/components/icon/generated/IconSpritesheet.tsx

@@ -266,7 +266,7 @@ export const IconSpritesheet = (props: any) => (
 			</symbol>
 			<symbol id="icon-check" viewBox="0 0 15 15">
 				<path
-					d="M1.5 7.5L5.5 11.5L12.5 3.5"
+					d="M2 8.5L6 12.5L13 4.5"
 					stroke="currentColor"
 					strokeLinecap="round"
 					strokeLinejoin="round"
@@ -1056,6 +1056,14 @@ export const IconSpritesheet = (props: any) => (
 					fill="currentColor"
 				/>
 			</symbol>
+			<symbol id="icon-menu" viewBox="0 0 15 15">
+				<path
+					fillRule="evenodd"
+					clipRule="evenodd"
+					d="M13 4.5C13 4.22386 12.7761 4 12.5 4H2.5C2.22386 4 2 4.22386 2 4.5C2 4.77614 2.22386 5 2.5 5H12.5C12.7761 5 13 4.77614 13 4.5ZM12.5 7C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H12.5ZM12.5 10C12.7761 10 13 10.2239 13 10.5C13 10.7761 12.7761 11 12.5 11H2.5C2.22386 11 2 10.7761 2 10.5C2 10.2239 2.22386 10 2.5 10H12.5Z"
+					fill="currentColor"
+				/>
+			</symbol>
 			<symbol id="icon-paragraph" viewBox="0 0 15 15">
 				<path
 					fillRule="evenodd"

package/src/components/icon/generated/iconNames.ts

@@ -96,6 +96,7 @@ export const iconNames = [
 	'textAlignRight',
 	'textAlignCenter',
 	'textJustify',
+	'menu',
 	'paragraph',
 	'highlight',
 	'pushLeft',

package/src/components/select/Select.tsx

@@ -1,10 +1,5 @@
 'use client';
 
-import {
-	CheckIcon,
-	ChevronDownIcon,
-	ChevronUpIcon,
-} from '@radix-ui/react-icons';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import classNames from 'clsx';
 import {
@@ -56,7 +51,7 @@ export const SelectItemIndicatorRoot = withClassName(
 export const SelectItemIndicator = withNoNativeRender(
 	(props: SelectPrimitive.SelectItemIndicatorProps) => (
 		<SelectItemIndicatorRoot {...props}>
-			<CheckIcon />
+			<Icon name="check" />
 		</SelectItemIndicatorRoot>
 	),
 );
@@ -167,13 +162,13 @@ export const SelectContent = withPassthroughNativeRender(
 						ref={forwardedRef}
 					>
 						<SelectPrimitive.ScrollUpButton className="flex items-center justify-center h-25px bg-white color-primary-dark cursor-default">
-							<ChevronUpIcon />
+							<Icon name="chevron" className="rotate-180" />
 						</SelectPrimitive.ScrollUpButton>
 						<SelectPrimitive.Viewport style={viewportStyle}>
 							{children}
 						</SelectPrimitive.Viewport>
 						<SelectPrimitive.ScrollDownButton className="flex items-center justify-center h-25px bg-white color-primary-dark cursor-default">
-							<ChevronDownIcon />
+							<Icon name="chevron" />
 						</SelectPrimitive.ScrollDownButton>
 					</SelectPrimitive.Content>
 				</BoxContext.Provider>
@@ -199,7 +194,7 @@ export const NativeSelect = ({
 				ref={forwardedRef}
 			/>
 			<div className="absolute right-1 top-50% translate-y-[-50%] pointer-events-none">
-				<ChevronDownIcon className="w-4 h-4 m-2" />
+				<Icon name="chevron" className="w-4 h-4 m-2" />
 			</div>
 		</div>
 	);

package/src/uno/uno.preset.ts

@@ -254,7 +254,7 @@ export default function presetAtype({
 					}`,
 					'checkbox-fade': `{
 						from { background-color: var(--v-bg-altered,var(--v-bg)); opacity: 1; }
-						to { background-color: transparent; opacity: 0.5; border-color: transparent; }
+						to { background-color: transparent; opacity: 0.9; border-color: transparent; box-shadow: none; }
 					}`,
 				},
 				timingFns: {