@kids-reporter/routing-ui 0.1.0-alpha.5 → 0.1.0-alpha.6

package/dist/index.js

@@ -8,8 +8,6 @@ var _exportNames = {
   Footer: true,
   Header: true,
   HeaderProvider: true,
-  HeaderIsLoggedInSetter: true,
-  HeaderMobileBackButtonHrefSetter: true,
   HeaderPostTitleSetter: true
 };
 Object.defineProperty(exports, "Footer", {
@@ -24,18 +22,6 @@ Object.defineProperty(exports, "Header", {
     return _header.default;
   }
 });
-Object.defineProperty(exports, "HeaderIsLoggedInSetter", {
-  enumerable: true,
-  get: function () {
-    return _isLoggedInSetter.default;
-  }
-});
-Object.defineProperty(exports, "HeaderMobileBackButtonHrefSetter", {
-  enumerable: true,
-  get: function () {
-    return _mobileBackButtonHrefSetter.default;
-  }
-});
 Object.defineProperty(exports, "HeaderPostTitleSetter", {
   enumerable: true,
   get: function () {
@@ -63,8 +49,6 @@ Object.keys(_components).forEach(function (key) {
 var _footer = _interopRequireDefault(require("./footer"));
 var _header = _interopRequireDefault(require("./header"));
 var _headerContext = require("./header/header-context");
-var _isLoggedInSetter = _interopRequireDefault(require("./header/is-logged-in-setter"));
-var _mobileBackButtonHrefSetter = _interopRequireDefault(require("./header/mobile-back-button-href-setter"));
 var _postTitleSetter = _interopRequireDefault(require("./header/post-title-setter"));
 var _hooks = require("./hooks");
 Object.keys(_hooks).forEach(function (key) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_components","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_footer","_interopRequireDefault","_header","_headerContext","_isLoggedInSetter","_mobileBackButtonHrefSetter","_postTitleSetter","_hooks","_icons","_types","_utils"],"sources":["../src/index.ts"],"sourcesContent":["export * from './components'\nexport { default as Footer } from './footer'\nexport { default as Header } from './header'\nexport { HeaderProvider } from './header/header-context'\nexport { default as HeaderIsLoggedInSetter } from './header/is-logged-in-setter'\nexport { default as HeaderMobileBackButtonHrefSetter } from './header/mobile-back-button-href-setter'\nexport { default as HeaderPostTitleSetter } from './header/post-title-setter'\nexport * from './hooks'\nexport * from './icons'\nexport * from './types'\nexport * from './utils'\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_components","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_footer","_interopRequireDefault","_header","_headerContext","_postTitleSetter","_hooks","_icons","_types","_utils"],"sources":["../src/index.ts"],"sourcesContent":["export * from './components'\nexport { default as Footer } from './footer'\nexport { default as Header } from './header'\nexport { HeaderProvider } from './header/header-context'\nexport { default as HeaderPostTitleSetter } from './header/post-title-setter'\nexport * from './hooks'\nexport * from './icons'\nexport * from './types'\nexport * from './utils'\n"],"mappings":"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"}

package/dist/styles.css

@@ -46,6 +46,7 @@
 
   /* Typography - Font Families */
   --font-family-noto: 'Noto Sans TC', sans-serif;
+  --font-family-swei: 'SweiMarkerSansCJKtc-Regular', sans-serif;
 
   /* Typography - Font Sizes */
   --font-size-h1-large: 48px;
@@ -320,6 +321,11 @@
   letter-spacing: 0.5px;
 }
 
+/* Swei Marker Sans Font Variants */
+@utility font-swei {
+  font-family: var(--font-family-swei);
+}
+
 @utility scrollbar-thin {
   scrollbar-width: thin;
   scrollbar-color: var(--color-neutral-300) transparent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kids-reporter/routing-ui",
   "license": "MIT",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-alpha.6",
   "description": "Routing UI for Kids Reporter",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -18,8 +18,7 @@
     "build": "./scripts/build.sh",
     "lint": "eslint . --config ./eslint.config.mjs",
     "lint:check": "eslint . --config ./eslint.config.mjs",
-    "type-check": "tsc --noEmit",
-    "postinstall": "yarn build"
+    "type-check": "tsc --noEmit"
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.3",
@@ -50,5 +49,8 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "tailwindcss": "^4.1.14"
-  }
+  },
+  "files": [
+    "dist"
+  ]
 }

package/.prettierignore

@@ -1,17 +0,0 @@
-# Build outputs
-dist/
-lib/
-.next/
-
-# Generated files
-*.tsbuildinfo
-
-# Cache
-.eslintcache
-
-# OS
-.DS_Store
-
-# Environment
-.env*.local
-.env

package/babel.config.cjs

@@ -1,31 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      '@babel/preset-env',
-      {
-        targets: {
-          node: '18',
-          browsers: ['> 1%', 'last 2 versions', 'not dead'],
-        },
-        modules: 'commonjs', // Build CommonJS modules
-      },
-    ],
-    [
-      '@babel/preset-react',
-      {
-        runtime: 'automatic',
-        development: process.env.NODE_ENV === 'development',
-        pragma: undefined, // Use automatic runtime
-        pragmaFrag: undefined, // Use automatic runtime
-      },
-    ],
-    [
-      '@babel/preset-typescript',
-      {
-        isTSX: true,
-        allExtensions: true,
-      },
-    ],
-  ],
-  plugins: ['@babel/plugin-transform-runtime'],
-}

package/dist/header/is-logged-in-setter.d.ts

@@ -1,7 +0,0 @@
-type IsLoggedInSetterProps = {
-    isLoggedIn: boolean;
-    loginUrl: string;
-};
-declare function IsLoggedInSetter({ isLoggedIn, loginUrl }: IsLoggedInSetterProps): null;
-export default IsLoggedInSetter;
-//# sourceMappingURL=is-logged-in-setter.d.ts.map

package/dist/header/is-logged-in-setter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-logged-in-setter.d.ts","sourceRoot":"","sources":["../../src/header/is-logged-in-setter.tsx"],"names":[],"mappings":"AAIA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,iBAAS,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,qBAAqB,QAexE;AAED,eAAe,gBAAgB,CAAA"}

package/dist/header/is-logged-in-setter.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _headerContext = require("./header-context");
-function IsLoggedInSetter({
-  isLoggedIn,
-  loginUrl
-}) {
-  const context = (0, _headerContext.useHeaderContext)();
-  const setIsLoggedIn = context?.setIsLoggedIn;
-  const setLoginUrl = context?.setLoginUrl;
-  (0, _react.useEffect)(() => {
-    setIsLoggedIn?.(isLoggedIn);
-    setLoginUrl?.(loginUrl);
-    return () => {
-      setIsLoggedIn?.(false);
-      setLoginUrl?.(undefined);
-    };
-  }, [isLoggedIn, setIsLoggedIn, loginUrl, setLoginUrl]);
-  return null;
-}
-var _default = exports.default = IsLoggedInSetter;
-//# sourceMappingURL=is-logged-in-setter.js.map

package/dist/header/is-logged-in-setter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-logged-in-setter.js","names":["_react","require","_headerContext","IsLoggedInSetter","isLoggedIn","loginUrl","context","useHeaderContext","setIsLoggedIn","setLoginUrl","useEffect","undefined","_default","exports","default"],"sources":["../../src/header/is-logged-in-setter.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useHeaderContext } from './header-context'\n\ntype IsLoggedInSetterProps = {\n  isLoggedIn: boolean\n  loginUrl: string\n}\n\nfunction IsLoggedInSetter({ isLoggedIn, loginUrl }: IsLoggedInSetterProps) {\n  const context = useHeaderContext()\n  const setIsLoggedIn = context?.setIsLoggedIn\n  const setLoginUrl = context?.setLoginUrl\n\n  useEffect(() => {\n    setIsLoggedIn?.(isLoggedIn)\n    setLoginUrl?.(loginUrl)\n    return () => {\n      setIsLoggedIn?.(false)\n      setLoginUrl?.(undefined)\n    }\n  }, [isLoggedIn, setIsLoggedIn, loginUrl, setLoginUrl])\n\n  return null\n}\n\nexport default IsLoggedInSetter\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAOA,SAASE,gBAAgBA,CAAC;EAAEC,UAAU;EAAEC;AAAgC,CAAC,EAAE;EACzE,MAAMC,OAAO,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EAClC,MAAMC,aAAa,GAAGF,OAAO,EAAEE,aAAa;EAC5C,MAAMC,WAAW,GAAGH,OAAO,EAAEG,WAAW;EAExC,IAAAC,gBAAS,EAAC,MAAM;IACdF,aAAa,GAAGJ,UAAU,CAAC;IAC3BK,WAAW,GAAGJ,QAAQ,CAAC;IACvB,OAAO,MAAM;MACXG,aAAa,GAAG,KAAK,CAAC;MACtBC,WAAW,GAAGE,SAAS,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,CAACP,UAAU,EAAEI,aAAa,EAAEH,QAAQ,EAAEI,WAAW,CAAC,CAAC;EAEtD,OAAO,IAAI;AACb;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcX,gBAAgB"}

package/dist/header/mobile-back-button-href-setter.d.ts

@@ -1,6 +0,0 @@
-type MobileBackButtonHrefSetterProps = {
-    href?: string;
-};
-declare function MobileBackButtonHrefSetter({ href }: MobileBackButtonHrefSetterProps): null;
-export default MobileBackButtonHrefSetter;
-//# sourceMappingURL=mobile-back-button-href-setter.d.ts.map

package/dist/header/mobile-back-button-href-setter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobile-back-button-href-setter.d.ts","sourceRoot":"","sources":["../../src/header/mobile-back-button-href-setter.tsx"],"names":[],"mappings":"AAIA,KAAK,+BAA+B,GAAG;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,iBAAS,0BAA0B,CAAC,EAAE,IAAI,EAAE,EAAE,+BAA+B,QAW5E;AAED,eAAe,0BAA0B,CAAA"}

package/dist/header/mobile-back-button-href-setter.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _headerContext = require("./header-context");
-function MobileBackButtonHrefSetter({
-  href
-}) {
-  const context = (0, _headerContext.useHeaderContext)();
-  const setMobileBackButtonHref = context?.setMobileBackButtonHref;
-  (0, _react.useEffect)(() => {
-    setMobileBackButtonHref?.(href);
-    return () => setMobileBackButtonHref?.(undefined);
-  }, [href, setMobileBackButtonHref]);
-  return null;
-}
-var _default = exports.default = MobileBackButtonHrefSetter;
-//# sourceMappingURL=mobile-back-button-href-setter.js.map

package/dist/header/mobile-back-button-href-setter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobile-back-button-href-setter.js","names":["_react","require","_headerContext","MobileBackButtonHrefSetter","href","context","useHeaderContext","setMobileBackButtonHref","useEffect","undefined","_default","exports","default"],"sources":["../../src/header/mobile-back-button-href-setter.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useHeaderContext } from './header-context'\n\ntype MobileBackButtonHrefSetterProps = {\n  href?: string\n}\n\nfunction MobileBackButtonHrefSetter({ href }: MobileBackButtonHrefSetterProps) {\n  const context = useHeaderContext()\n  const setMobileBackButtonHref = context?.setMobileBackButtonHref\n\n  useEffect(() => {\n    setMobileBackButtonHref?.(href)\n\n    return () => setMobileBackButtonHref?.(undefined)\n  }, [href, setMobileBackButtonHref])\n\n  return null\n}\n\nexport default MobileBackButtonHrefSetter\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAMA,SAASE,0BAA0BA,CAAC;EAAEC;AAAsC,CAAC,EAAE;EAC7E,MAAMC,OAAO,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EAClC,MAAMC,uBAAuB,GAAGF,OAAO,EAAEE,uBAAuB;EAEhE,IAAAC,gBAAS,EAAC,MAAM;IACdD,uBAAuB,GAAGH,IAAI,CAAC;IAE/B,OAAO,MAAMG,uBAAuB,GAAGE,SAAS,CAAC;EACnD,CAAC,EAAE,CAACL,IAAI,EAAEG,uBAAuB,CAAC,CAAC;EAEnC,OAAO,IAAI;AACb;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcT,0BAA0B"}

package/eslint.config.mjs

@@ -1,56 +0,0 @@
-import globals from 'globals'
-
-import baseConfig, {
-  javascriptConfig,
-  typescriptConfig,
-} from '../../eslint.base.config.mjs'
-
-export default [
-  ...baseConfig,
-  // Override for routing-ui package - React/TypeScript focused
-  {
-    ...typescriptConfig,
-    files: ['src/**/*.{ts,tsx}'],
-    rules: {
-      ...typescriptConfig.rules,
-    },
-  },
-  {
-    ...javascriptConfig,
-    files: ['src/**/*.{js,jsx}'],
-    rules: {
-      ...javascriptConfig.rules,
-      // Tailwind CSS classname sorting rules
-      'no-restricted-syntax': [
-        'warn',
-        {
-          selector: 'JSXAttribute[name.name="className"]',
-          message:
-            'Tailwind CSS classes should be sorted. Use prettier-plugin-tailwindcss for automatic sorting.',
-        },
-        {
-          selector: 'JSXAttribute[name.name="class"]',
-          message:
-            'CSS classes should be sorted. Consider using a class sorting tool.',
-        },
-      ],
-    },
-  },
-  {
-    files: ['**/*.config.{js,mjs,cjs}'],
-    languageOptions: {
-      ecmaVersion: 2022,
-      sourceType: 'module',
-      globals: {
-        ...globals.node,
-        ...globals.es2022,
-      },
-    },
-    rules: {
-      'no-undef': 'error',
-    },
-  },
-  {
-    ignores: ['node_modules/**', 'dist/**', 'build/**'],
-  },
-]

package/prettier.config.mjs

@@ -1,13 +0,0 @@
-/** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions} */
-export default {
-  printWidth: 80,
-  tabWidth: 2,
-  semi: false,
-  singleQuote: true,
-  trailingComma: 'es5',
-  bracketSpacing: true,
-  arrowParens: 'always',
-  plugins: ['prettier-plugin-tailwindcss'],
-  tailwindStylesheet: './src/styles.css',
-  tailwindFunctions: ['clsx', 'cn', 'cva'],
-}

package/scripts/build.sh

@@ -1,18 +0,0 @@
-#!/bin/bash
-
-set -e
-
-echo "Cleaning dist directory..."
-rm -rf ./dist
-mkdir -p ./dist
-
-echo "Building CJS version..."
-npx babel src --out-dir dist --extensions ".ts,.tsx" --source-maps
-
-echo "Copying CSS file..."
-cp ./src/styles.css ./dist/styles.css
-
-echo "Generating TypeScript declarations..."
-npx tsc --emitDeclarationOnly --declaration --declarationMap --outDir dist
-
-echo "Build completed successfully!"

package/src/components/button.tsx

@@ -1,108 +0,0 @@
-'use client'
-
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
-import React from 'react'
-
-import { cn } from '../utils/cn'
-
-const buttonVariants = cva(
-  // Base styles
-  'font-noto gap-2.5 font-bold inline-flex cursor-pointer items-center justify-center rounded-full transition-colors duration-200',
-  {
-    variants: {
-      variant: {
-        primary: [
-          'text-white border-0 bg-red-400',
-          'hover:bg-red-500',
-          'active:bg-red-600',
-          'disabled:text-white disabled:cursor-default disabled:bg-neutral-400',
-        ],
-        secondary: [
-          'bg-white text-gray-900 border-2 border-red-400',
-          'hover:text-white hover:border-red-500 hover:bg-red-500',
-          'active:text-white active:border-red-600 active:bg-red-600',
-          'disabled:bg-white disabled:cursor-default disabled:border-neutral-400 disabled:text-neutral-400',
-        ],
-      },
-      size: {
-        44: 'h-11 px-5 py-2 text-base', // 44px height, 16px font size
-        36: 'h-9 px-4 py-2 text-sm', // 36px height, 14px font size
-        32: 'h-8 px-3 py-1 text-sm', // 32px height, 14px font size
-      },
-    },
-    defaultVariants: {
-      variant: 'primary',
-      size: 44,
-    },
-  }
-)
-
-// Loading spinner icon component
-const LoadingSpinner = ({ size = 20 }: { size?: number }) => (
-  <svg
-    width={size}
-    height={size}
-    viewBox="0 0 25 24"
-    fill="none"
-    className="animate-spin"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      opacity="0.5"
-      d="M12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z"
-      fill="currentColor"
-    />
-    <path
-      d="M20.5 12H22.5C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2362 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2V4C14.6217 4 16.6566 4.84285 18.1569 6.34315C19.6571 7.84344 20.5 9.87827 20.5 12Z"
-      fill="currentColor"
-    />
-  </svg>
-)
-
-export type ButtonProps = {
-  isLoading?: boolean
-  disabled?: boolean
-  asChild?: boolean
-  children: React.ReactNode
-} & VariantProps<typeof buttonVariants> &
-  React.ButtonHTMLAttributes<HTMLButtonElement>
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  (
-    {
-      isLoading = false,
-      disabled = false,
-      asChild = false,
-      size,
-      variant,
-      className,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    const isDisabled = disabled || isLoading
-
-    const buttonClasses = cn(buttonVariants({ variant, size }), className)
-
-    const Comp = asChild ? Slot : 'button'
-
-    return (
-      <Comp
-        ref={ref}
-        className={buttonClasses}
-        disabled={isDisabled}
-        {...props}
-      >
-        {isLoading ? (
-          <LoadingSpinner size={size === 32 ? 16 : size === 36 ? 18 : 20} />
-        ) : (
-          children
-        )}
-      </Comp>
-    )
-  }
-)
-
-export default Button

package/src/components/index.tsx

@@ -1,2 +0,0 @@
-export { default as Button } from './button'
-export { default as Input } from './input'

package/src/components/input.tsx

@@ -1,171 +0,0 @@
-'use client'
-
-import { cva } from 'class-variance-authority'
-import { forwardRef, useRef, useState } from 'react'
-
-import { SearchIconSmall } from '../icons'
-import { cn } from '../utils/cn'
-
-// Close icon component
-const CloseIcon = ({ className }: { className?: string }) => (
-  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    className={className}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="10" cy="10" r="10" fill="currentColor" />
-    <path
-      d="M7 7l6 6M13 7l-6 6"
-      stroke="white"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-)
-
-const inputVariants = cva(
-  // Base styles
-  'desktop:bg-white! px-4 py-1.5 h-11 flex items-center rounded-full border border-transparent bg-neutral-100 prose-p1 transition-colors duration-200 hover:border-neutral-600',
-  {
-    variants: {
-      state: {
-        default: 'border-transparent',
-        hover: 'border-neutral-600',
-        focus: 'border-neutral-600',
-        active: 'border-neutral-600',
-        unfocus: 'border-transparent',
-        error: 'border-red-600',
-      },
-    },
-    defaultVariants: {
-      state: 'default',
-    },
-  }
-)
-
-export type InputProps = {
-  placeholder?: string
-  value?: string
-  onChange?: (value: string) => void
-  onClear?: () => void
-  showClearButton?: boolean
-  children?: React.ReactNode
-  inputRef?: React.RefObject<HTMLInputElement>
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'>
-
-const Input = forwardRef<HTMLInputElement, InputProps>(
-  (
-    {
-      placeholder = '搜尋更多新聞、議題',
-      value,
-      onChange,
-      onClear,
-      showClearButton = true,
-      className,
-      onFocus,
-      onBlur,
-      inputRef,
-      ...props
-    },
-    ref
-  ) => {
-    const [internalValue, setInternalValue] = useState('')
-    const [isFocused, setIsFocused] = useState(false)
-    const [isActive, setIsActive] = useState(false)
-    const innerInputRef = useRef<HTMLInputElement>(null)
-    const currentValue = value !== undefined ? value : internalValue
-    const hasValue = currentValue.length > 0
-
-    // Determine current state
-    const currentState = isFocused
-      ? 'focus'
-      : hasValue
-        ? isActive
-          ? 'active'
-          : 'unfocus'
-        : 'default'
-
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-      const newValue = e.target.value
-      if (onChange) {
-        onChange(newValue)
-      } else {
-        setInternalValue(newValue)
-      }
-      setIsActive(true)
-    }
-
-    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {
-      if (onFocus) {
-        onFocus(e)
-      }
-      setIsFocused(true)
-      setIsActive(true)
-    }
-
-    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {
-      if (onBlur) {
-        onBlur(e)
-      }
-      setIsFocused(false)
-      setIsActive(false)
-    }
-
-    const handleClear = (e: React.MouseEvent) => {
-      e.preventDefault()
-      e.stopPropagation()
-
-      if (onChange) {
-        onChange('')
-      } else {
-        setInternalValue('')
-      }
-      if (onClear) {
-        onClear()
-      }
-
-      const currentRef = inputRef ?? innerInputRef
-      currentRef.current?.focus()
-    }
-
-    const inputClasses = cn(inputVariants({ state: currentState }), className)
-
-    return (
-      <div className="gap-2 flex flex-col">
-        <div className={inputClasses} ref={ref}>
-          <div className="text-neutral-600">
-            <SearchIconSmall />
-          </div>
-          <input
-            type="text"
-            value={currentValue}
-            onChange={handleChange}
-            onFocus={handleFocus}
-            onBlur={handleBlur}
-            placeholder={placeholder}
-            className="placeholder:font-medium ml-2 max-w-[72%] flex-1 flex-shrink-1 bg-transparent text-neutral-900 placeholder:text-neutral-400 focus:outline-none"
-            ref={inputRef ?? innerInputRef}
-            {...props}
-          />
-
-          {showClearButton && hasValue && (
-            <button
-              type="button"
-              onClick={handleClear}
-              className="p-1/2 ml-auto flex-shrink-0 cursor-pointer rounded-full text-neutral-400 transition-colors hover:text-neutral-600 active:bg-neutral-200"
-              aria-label="Clear input"
-            >
-              <CloseIcon />
-            </button>
-          )}
-        </div>
-      </div>
-    )
-  }
-)
-
-export default Input